Most internet users make use of smartphones to conduct online related searches simply because they are quick and convenient but sad to note that many mobile website pages take more than seven seconds to load. It would be ideal for any mobile website page to load in less than a second. Fortunately this problem didn’t remain unnoticed following Google’s introducing of guidelines and an updated PageSpeed Insights tools that assists webmasters to optimize their mobile pages for best rendering performance.

Prioritizing above-the-fold content

A research conducted by Google has sown that a user’s flow is interrupted if pages take longer than a second to load. To convey the best experience and keep the visitor engaged, Google has created guidelines that 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.

The above-the-fold content can be possible on mobile networks if a user conducts the following practices:

  • Server must render the response (<200ms)
  • Number of redirects should be minimized
  • Number of roundtrips to first render should be minimized
  • Avoid eternal blocking JavaScript and CSS in above-the-fold content
  • Reserve time for browser layout and rendering (200ms)
  • Optimize JavaScript execution and rendering time

The above outlined practices are explained in detail under the “mobile-specific help pages” and users who are willing to taste their pages and improvements they make can do that by using the PageSpeed Insights tool.

Source: http://goooglewebmastercentral.blogspot.com/2013/08/making-smartphone-sites-load-fast.html