多语言展示
当前在线:204今日阅读:113今日分享:31

前端性能工具之yslow

一般提到的性能测试都是针对应用程序(偏后端的性能测试),很少针对前端进行性能测试,那么前端性能测试又是怎么一回事,让我们一起来揭秘其神秘的面纱。
工具/原料

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

启用压缩的项目具体有以下的这些页面:

推荐信息