多语言展示
当前在线:1744今日阅读:155今日分享:35

前端性能测试工具之 Page speed

前端性能测试利器之Page speed。上一篇讲的是yslow,这一篇继续讲前端另一个前端性能测试利器Page speed。
工具/原料

Page speed

方法/步骤
1

Page speed:主要用于分析检测页面加载速度和元素,提出建议。对于网页需要改进的地方,page speed不仅提供了优化建议,甚至还直接把最终结果都给提供出来。

2

Page speed关注指标:重点关注优化级别为高和中的项目。

3

下面是针对某个项目中的某个功能的Page speed测试结果。

4

建议摘要可知,建议级别高的有三项:启用压缩、压缩javascript和使用浏览器缓存。建议级别为中的四项:优化样式表和脚本的排列顺序、优化图片、压缩html和暂缓javascript解析。有四项的建议级别为低。

5

启用压缩:开启gzip,减少.do文件、js、css和html的请求内容。

6

压缩javascript:压缩javasc代码(包括其中所含的任何内嵌 JavaScript 和 CSS),可以节省大量的数据字节空间,并提高下载、解析和执行的速度。

7

使用浏览器缓存:为未指定失效时间的js、css、png等请求加上失效时间。

8

优化样式表和脚本的排列顺序:正确的排列外部样式与内嵌脚本的顺序,可增加下载同事加载的数据量,并提高浏览器显示网页的速度。

9

优化图片:适当地设置图片的格式并进行压缩,可节省大量的数据字节空间。

10

压缩html:压缩HTML代码可节省大量的数据字节空间,并提高下载、解析和执行的速度。

11

暂缓javascript解析:通过最大程度的减少显示网页所需的JavaScript数据量,并暂缓解析不需要的JavaScript,可以提高网页的初始加载速度。

推荐信息