PageSpeed Insights: Google推出的优化移动页面渲染速度的开源工具-阿里云开发者社区

开发者社区> -开发者助手-> 正文

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

简介: Google有一款开源的PageSpeed Insights,可以帮助网站管理员们优化其移动页面的渲染性能。 据Google的统计,今日的移动页面,其平均再加时间竟然超过了7秒钟。移动性能是在不断改善,但在变得更快的目标上,还有很长的路要走。
+关注继续查看

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

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

image.png

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工具对比查看下改进。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
PageSpeed Insights: Google推出的优化移动页面渲染速度的开源工具
Google有一款开源的PageSpeed Insights,可以帮助网站管理员们优化其移动页面的渲染性能。 据Google的统计,今日的移动页面,其平均再加时间竟然超过了7秒钟。移动性能是在不断改善,但在变得更快的目标上,还有很长的路要走。
19 0
下载Google官方/CM Android源代码自动重新开始的Shell脚本
        国内由于某种原因,下载CM或Google官方的Android源代码总容易中断。总看着机器,一中断就重新执行repo sync还太麻烦,所以我特意编写了一段shell脚本(download.sh)。
664 0
Python爬虫之scrapy跨页面爬取信息
昨天凌晨2点醒了看了下向右奔跑的文章,准备来个scrapy跨页面的数据爬取,以简书七日热门数据为例。 1 items.py代码 from scrapy.item import Item,Field class SevendayItem(Item): ...
805 0
【前台】【单页跳转】整个项目实现单页面跳转,抛弃iframe
即如下: 【想做到点击nav侧边栏,仅替换右边div中的内容,而不是跳转到新的页面,这样的话,其实整个项目中就只有一个完整的页面,其他的页面均只写内的部分即可,或者仅仅写要替换的内的部分即可!!】 index.
1164 0
SEO优化中404页面如何设置,如何设置不一样的页面
404页面对网站优化的影响是非常大的,那么在我们做优化过程中,如何进行设置404页面呢?这一点非常的关键,如果不能设置404页面,那么对网站出现的死链,是非常不友好的。
51 0
做了个小工具:阿里云和腾讯云哪个好?哪个速度快?
阿里云与腾讯云哪个好?哪个速度快?怎么选? 我做了个小工具,图形化对比,可以直接看出哪个节点的速度快慢。
68421 0
页面优化的方法SEO包括哪些内容
页面搜索引擎优化技术将提升你的排名 在页面上SEO是你可以使用的最重要的过程之一,不仅是为了获得更高的排名,而且是为了运行成功的SEO活动。 网站是所有SEO流程的焦点,如果它没有针对搜索引擎和用户进行适当优化,那么您的成功几率就会降到最低。
885 0
html5 getComputedStyle + resize 实现动态宽高度等比响应式页面设计
序:通常我们只能控制div的宽度 而不能控制高度,在响应式页面里 如果要这个div是正方形那么必须的用媒体查询在不同的分辨率下写死宽高度 今天突发奇想研究了个 用百分比来动态控制div的高度让其与宽度相同 成为一个正方形 甚至任何你想要比例 一,背景:目前移动端大多数图片或视频列表页面的显示,列出...
989 0
2450
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载