且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

PageSpeed Insights: Google推出的优化移动页面渲染速度的开源工具

更新时间:2021-12-31 00:48:00

Google有一款开源的PageSpeed Insights,可以帮助网站管理员们优化其移动页面的渲染性能。

据Google的统计,今日的移动页面,其平均再加时间竟然超过了7秒钟。移动性能是在不断改善,但在变得更快的目标上,还有很长的路要走。

PageSpeed Insights: Google推出的优化移动页面渲染速度的开源工具

Google希望把平均加载时间降到1秒以下。Google指出,Nielsan Norman Group的研究显示:如果页面的加载时间超过1秒,用户的流程就会被打断。


目前,将页面加载时间控制在几百毫秒内绝非易事,坦白说,当前对用户可用的常规技术都不可能做到这一点。然而Google却坚称:对移动网络上所有的”一屏显示”(above-the-fold)内容来说,次秒级的渲染(sub-second rendering)还是有可能的,其它的内容可以随后再加载。


Google提出了“***实践”目标:

  • 服务器的响应必须小于200毫秒;
  • 重定向的次数必须尽可能地少;
  • 初次渲染(first render)的循环次数应尽量小;
  • 避免一屏显示内容的JavaScript和CSS的外部阻塞;
  • 浏览器排版和渲染的预留时间应在200毫秒左右;
  • 优化JavaScript的执行和渲染时间。


如果你想加速移动网页,可以查看该公司推出的mobile-specific帮助页面。同时使用PageSpeed Insights工具对比查看下改进。