前端性能测试利器之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,可以提高网页的初始加载速度。