- This topic has 5 replies, 2 voices, and was last updated 3 months ago by David.
June 26, 2020 at 6:05 pm #1343194Amanda
I am not 100% sure this is in the theme or elsewhere, but I tried some other fixes for layout shifts here in the support forum already and none seemed to work. The shifting elements according to pagespeed tests look like the main content container and navigation. Is this a theme issue?
Thanks for your time.
Message from test:
`Avoid large layout shifts 4 elements found
These DOM elements contribute most to the CLS of the page.
2020 Alaska PFD: Announcement, Amount, and News Last Updated June 12, 2020. Th…
<div class=”content-area grid-parent mobile-grid-100 grid-70 tablet-grid-70″>
<div class=”inside-navigation grid-container grid-parent”>
Life with Gremlins
<a href=”https://www.lifewithgremlins.com/” title=”Life with Gremlins” rel=”home”>
<div>`June 27, 2020 at 12:57 am #1343348DavidStaffCustomer Support
the main issue i see is all of the theme and plugins CSS files are combined and in a single cached file. It totals 27,000 lines of CSS…. and the Themes CSS is in the bottom half of this which results in FOUC.
Try disabling the combine CSS option in your cache plugin then re-run the test and we can take another look.June 27, 2020 at 1:11 am #1343350Amanda
I turned off combined CSS and still see the same list of elements, so that doesn’t appear to be the issue, but on that note, when I turn that back on should I exclude GeneratePress’ CSS? I’m using WP rocket and it does have that option.June 27, 2020 at 5:26 am #1343511DavidStaffCustomer Support
So that has removed the FOUC on the theme elements – no longer do you see the flash of unstyled menu.
Now the element that is causing nav and content to shift is the Banner advert, between load, cookie notice and the advert notice the placeholder for the advert changes size 2 – 3 times.
The recommendation here is to move the banner ad to a position below the fold.June 27, 2020 at 6:39 am #1343551Amanda
Ah, my ad provider was supposed to have fixed that. Thanks for your help.June 27, 2020 at 7:09 am #1343575
- You must be logged in to reply to this topic.