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”>
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.
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.