Prioritise Visible Content - Google PageSpeed Insights

by Beth   Last Updated February 25, 2018 04:04 AM

Wondering if anyone can help me. I'm having issues with prioritizing visible content (PVC).

I've read all the Google documentation and understand the above-the-fold content is the top 500px but can't understand what Google detects outside or inside of these 500px to trigger it. I have tried everything I can think of to find a solution.

I am able to make pages and get the PVC warning when the whole page is above the fold, pages that have no sidebars, pages with no images or small images, pages using CSS to load the images, pages with no external files, no js, etc etc.

I am also able to make pages with many images and background images above the fold that avoid it.

I cannot seem to find any consistent pattern or solution that sheds light on how Google decides what triggers a PVC warning.

For example a page that uses no external files at all, no fonts, above the fold has:

Header of around 150px height with a single small image Nav bar No hero image / big image Div containing no sidebar, just the h1 and h2 tags with some key text

And below the fold has some images and text.

How is this page getting flagged as not prioritising visible content?

Also I can make a page prioritising the above the fold content and be happy with it as a template, save it as a new file name and make minor changes to the text / images with the core code the exact same and it will be fine on one and not the other.

It is the only thing coming up time and time again on page speed insights - so my pages are plagued with tones of speed issues that may be causing it.

Here is the error for anyone wondering:

Prioritize visible content Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content. The entire HTML response was not sufficient to render the above-the-fold content. This usually indicates that additional resources, loaded after HTML parsing, were required to render above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold by including it directly in the HTML response. None of the final above-the-fold content could be rendered even with the full HTML response.

Related Questions

Putting CSS/JS in header for faster load times

Updated May 31, 2016 08:01 AM

PageSpeed Optimiztion

Updated March 05, 2018 10:04 AM