一般提到的性能测试都是针对应用程序(偏后端的性能测试),很少针对前端进行性能测试,那么前端性能测试又是怎么一回事,让我们一起来揭秘其神秘的面纱。
工具/原料
yslow
方法/步骤
1
yslow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何给予某些规则而进行优化。可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则yslow会列出具体的修改意见。
2
yslow重点关注的指标是在测试过程中表现为:D.E.F级别的指标。
3
下面就根据某个项目的登录页面进行各个指标的具体情况进行分析。
4
该项目的登录页面:评分项共有13项,评分为F的有三项,分别为Use a Content Delivery Network (CDN)、Add Expires headers和Compress components with gzip;评分为E的有一项:Minify JavaScript and CSS;评分为D的有两项:Make fewer HTTP requests和put JavaScript at bottom。
5
Use a Content Delivery Network (CDN)
6
Add Expires headers
7
Compress components with gzip
8
Minify JavaScript and CS
9
Make fewer HTTP requests
10
put JavaScript at bottom
11
根据上面几个重点测试项的结果,yslow给出了以下的具体修改建议:启用压缩和使用浏览器缓存。
12
启用压缩的项目具体有以下的这些页面:
上一篇:《金刚狼3》最走心的影评!
下一篇:圣斗士是哪88个