火狐浏览器测试前端性能分析

上一篇 / 下一篇 2015-03-04 16:11:34 / 天气: 阴雨 / 心情: 高兴 / 个人分类：火狐浏览器测试WEB前端性能分析

以下是23个可量化的规则：
1.Make fewer HTTP requests （最大限度地减少HTTP请求）
2.Use a Content Delivery Network (CDN)（使用内容分发网络）
3.Avoid empty src or href (避免空的图片的src或者herf)
4.Add Expires headers（添加一个Expires或Cache-Control头)
5.Compress components with gzip (使用gzip压缩内容)
6.Put CSS at top(把CSS放到顶部)
7.Put JavaScript. at bottom(把JS放到底部)
8.Avoid CSS expressions(避免使用CSS表达式)
9.Make JavaScript. and CSS external (将CSS和JS放到外部文件中)
10.Reduce DNS lookups(减少DNS查找次数)
11.Minify JavaScript. and CS(精简CSS和JS)
12.Avoid URL redirects(避免重定向)
13.Remove duplicate JavaScript. and CSS（删除重复的脚本和样式）
14.Configure entity tags (ETags)（配置实体标记ETag）
15.Make AJAX cacheable（使Ajax可缓存）
16.Use GET for AJAX requests （AJAX请求使用GET）
17.Reduce the number of DOM elements（减少DOM元素的数量）
18.Avoid HTTP 404 (Not Found) error （避免404错误）
19.Reduce cookie size （减少Cookie的大小）
20.Use cookie-free domains(使用无Cookie的域名)
21.Avoid AlphaImageLoader filter（避免使用滤镜）
22.Do not scale images in HTML（不要在HTML中缩放图像）
23.Make favicon small and cacheable （使用小图标，并让其可缓存 )

--->怎么来使用呢？如下：
下载火狐浏览器安装。PS：安装过程中，去掉安装维护服务。
下载浏览器完毕后，在火狐浏览器中打开菜单（右边三个横的按钮）/开发者/获取更多工具/工具1：firebug,工具2：Yslow(若找不到点击搜索向右的箭头选择第二个作者找到Yslow)安装完成，重启浏览器即可使用.
打开网址，按住F12,点击RunTest。
就能看到以上规则的得分。