Menu
'Above the fold' refers to the section of your site that first greets users when they land on a page. The content above the fold is the header, text, imagery, or video that's visible before users have to scroll. Ideally, it should convey what an organization does and its associated benefits.
What is above-the-fold SEO? “Above the fold” basically means how Google (and users) see your content when your page loads and without having to scroll. The “fold” refers to the invisible line dividing the content you see before scrolling, and the content you see after you start scrolling down the page.
A score of 90 or above is considered good. 50 to 90 is a score that needs improvement, and below 50 is considered poor.
This is because Google recently changed the page speed tool to better reflect an increasingly mobile web. Mobile data networks have different performance characteristics than wired or wifi so you need to do different things to optimize for them.
Above-the-fold (ATF) is simply the first screen's worth--anything you don't need to scroll to see. Obviously, this varies depending on the device and its orientation, so you may need to generalize and maybe find some workable common options, maybe one targeting smartphones, one for tablets, and one for larger desktops.
As for what CSS they are talking about, they are really intending all CSS needed to fully style whatever content is displayed ATF. To determine the load time of your ATF content, they are going to take a screen shot of the final version and compare that visually to the page as it loads and when it is alike enough, they'll consider that the point where the ATF content is loaded.
This is a video presentation from Google on this subject:
http://www.youtube.com/watch?v=YV1nKLWoARQ
The emphasis is on getting users something to do within the first second. The reasoning behind putting the CSS for the ATF content directly into the HTML reflects their research on mobile data performance showing that if the CSS isn't there, it won't get loaded soon enough to be within the first second.
They also provide links to tools that may be able to automate some of this. I have not tried them and YMMV.
google page insights will tell you clearly how many % of css referring the content above the fold is being loaded too late and page could have been rendered earlier. Than you could move parts of css to achieve a green result. i can do it for you:goo.gl/GsRxNc
a link from Google describing 'above the fold' https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
Above-the-fold content is the portion of the webpage that is visible in a browser window when the page first loads. Google wants to see inline CSS extracted from your main CSS file and injected into the head tag, allowing everything you see first to be loaded first.
source - https://www.c2experience.com/blog/passing-googles-abovethefold-css#:~:text=Above%2Dthe%2Dfold%20content%20is,first%20to%20be%20loaded%20first.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With