New Mobile Guidelines Want 'Above the Fold Content' to Load in 1s
August 1, Google announced an update to their PageSpeed Insights tool, which now includes a visual representation of the site along with the mobile and desktop site speed score and list of tips on how to increase your site's speed.
The tool update came just days before Google announced their updated Mobile Guidelines, which pushes for a...
1 second load time for 'above-the-fold content' on mobile sites!
This is how Google went on to explain the updated guidelines in regards to 'above-the-fold content':
Prioritizing above-the-fold content
Research shows that users’ flow is interrupted if pages take longer than one second to load. To deliver the best experience and keep the visitor engaged, our guidelines focus on rendering some content, known as the above-the-fold content, to users in one second (or less!) while the rest of the page continues to load and render in the background. The above-the-fold HTML, CSS, and JS is known as the critical rendering path.
We can achieve sub-second rendering of the above-the-fold content on mobile networks by applying the following best practices:
- * Server must render the response (< 200 ms)
- * Number of redirects should be minimized
- * Number of roundtrips to first render should be minimized
- * Avoid external blocking JavaScript and CSS in above-the-fold content
- * Reserve time for browser layout and rendering (200 ms)
- * Optimize JavaScript execution and rendering time
