Google has published a series of tips for webmasters, developers and SEOs to help them make their mobile websites load fast. According to Google's survey, average mobile web page takes about 7 seconds to load while mobile web users are always in hurry and want information in no time. Wouldn't it be great if web page loads in under 1 second? Yes, you can make your web page load in a second! Just follow these mobile website optimisation tips from Google!

Give priority to above-the-fold content

Google strongly recommends to put very high focus on above-the-fold content. They believe that if a page takes more than one second to load, users will no longer wish to visit your page again. Google suggests to render above-the-fold content to users in one second or even in less time! While above-the-fold content is being rendered to users, the rest of the page can load in background keeping users engage on your website

Google provides following tips to make above-the-fold content load within a second:

• Server must render the response (<200 ms)
• Minimize the number of roundtrips to first render
• Avoid external blocking JavaScript and CSS in above-the-fold contentReserve time for browser layout and rendering (200 ms)
• Optimize JavaScript execution and rendering time

Above-the-fold HTML, CSS, and JS are known as the critical rendering path, for the mobile developers and webmasters who want to understand these in more details, Google provides an in-depth resource in their mobile-specific help pages.

When you are done with these implementations, you can test your web page loading speed using the PageSpeed Insights tool.

If you are beginning to design a responsive website for your users, take time in reading and implementing Responsive Web Design best practices and give your mobile web users a smooth and comfortable web experience!