Stay organized with collectionsSave and categorize content based on your preferences.
Thursday, August 08, 2013
Userstell usthey use smartphones to search online because it's quick and convenient, but today's average
mobile page typicallytakes more than 7 seconds to load.
Wouldn't it be great if mobile pages loaded in under one second? Today we're announcing newguidelinesand an updatedPageSpeed Insights toolto help
webmasters optimize their mobile pages for best rendering performance.
Prioritizing above-the-fold content
Researchshowsthat 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 thecritical 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
These are explained in more details in themobile-specific help pages,
and, when you're ready, you can test your pages and the improvements you make using thePageSpeed Insightstool.
As always, if you have any questions or feedback, please post in ourdiscussion group.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[[["\u003cp\u003eMobile users expect fast loading times, but the average mobile page takes over 7 seconds to load.\u003c/p\u003e\n"],["\u003cp\u003eNew guidelines and an updated PageSpeed Insights tool are available to help webmasters optimize their mobile pages.\u003c/p\u003e\n"],["\u003cp\u003eThe focus is on rendering above-the-fold content in under one second to maintain user engagement.\u003c/p\u003e\n"],["\u003cp\u003eBest practices for sub-second rendering include minimizing redirects, roundtrips, and blocking JavaScript/CSS.\u003c/p\u003e\n"]]],["Mobile users expect fast load times, but average mobile pages take over 7 seconds. New guidelines and the updated PageSpeed Insights tool help webmasters optimize mobile pages. The focus is on rendering \"above-the-fold\" content in under one second, using the critical rendering path. Key actions include minimizing server response time, redirects, and roundtrips, avoiding external blocking scripts, and optimizing JavaScript execution. The PageSpeed Insights tool and mobile-specific help pages help implement these actions.\n"],null,["# Making smartphone sites load fast\n\nThursday, August 08, 2013\n\n\nUsers\n[tell us](https://www.google.com/think/research-studies/creating-moments-that-matter)\nthey use smartphones to search online because it's quick and convenient, but today's average\nmobile page typically\n[takes more than 7 seconds to load](https://analytics.blogspot.com/2013/04/is-web-getting-faster.html).\nWouldn't it be great if mobile pages loaded in under one second? Today we're announcing new\n[guidelines](/speed/docs/insights/mobile) and an updated\n[PageSpeed Insights tool](https://pagespeed.web.dev/) to help\nwebmasters optimize their mobile pages for best rendering performance.\n\nPrioritizing above-the-fold content\n-----------------------------------\n\n\nResearch\n[shows](https://www.nngroup.com/articles/response-times-3-important-limits/)\nthat users' flow is interrupted if pages take longer than one second to load. To deliver the best\nexperience and keep the visitor engaged, our guidelines focus on rendering some content, known as\nthe above-the-fold content, to users in one second (or less!) while the rest of the page continues\nto load and render in the background. The above-the-fold HTML, CSS, and JS is known as the\n[critical rendering path](https://www.youtube.com/watch?v=YV1nKLWoARQ).\n\n\nWe can achieve sub-second rendering of the above-the-fold content on mobile networks by applying\nthe following best practices:\n\n- Server must render the response (\\\u003c 200 ms)\n- Number of redirects should be minimized\n- Number of roundtrips to first render should be minimized\n- Avoid external blocking JavaScript and CSS in above-the-fold content\n- Reserve time for browser layout and rendering (200 ms)\n- Optimize JavaScript execution and rendering time\n\n\nThese are explained in more details in the\n[mobile-specific help pages](/speed/docs/insights/mobile),\nand, when you're ready, you can test your pages and the improvements you make using the\n[PageSpeed Insights](https://pagespeed.web.dev/) tool.\n\n\nAs always, if you have any questions or feedback, please post in our\n[discussion group](https://groups.google.com/forum/#!forum/page-speed-discuss).\n\n\nPosted by\n[Bryan McQuade](https://plus.google.com/117340630485537362092?rel=author),\nSoftware Engineer, and [Pierre Far](/search/blog/authors/pierre-far), Webmaster Trends Analyst"]]
