FireFox—firebug—Yslow

【Performace】——YSlow便开始分析此页的效率，并从13个最影响网页效率的方面给出评估:

l        Make Fewer HTTP Requests尽可能的减少HTTP的Request请求数51Testing软件测试网 S8L9}5unH~+t

1：用一个大图片代替多个小图片

2：合并你的css文件

3：合并你的javascrīpt文件

l        Use a Content Delivery Network使用CDN

CDN是一个经策略性部署的整体系统，能够帮助用户解决分布式存储、负载均衡、网络请求的重定向和内容管理等问题。

其目的是通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络“边缘”，使用户可以就近取得所需的内容，解决 Internet 网络拥塞状况，提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均而产生的用户访问网站响应速度慢的根本原因。

参见：http://www.chinacache.com/viewtechnique.asp?id=15

l        Add an Expires Header添加周期头

l        Gzip Components启用Gzip压缩

  Gzip的思想就是把文件先在服务器端进行压缩，然后再传输

l        Put CSS at the Top把CSS样式放在页面的上方

l        Move scrīpts to the Bottom将脚本放在底部

l        Avoid CSS Expressions避免使用CSS中的Expressions

CSS中Expressions的代价却是极高的。当你的页面需要根据判断来渲染效果的元素很多的时候，那么你的浏览器将长期处于假死状态，从而给用户带来极差的用户体验。

l        Make Javascrīpt and CSS External将javascrīpt和css独立成外部文件

l        Reduce DNS Lookups减少DNS查询

DNS域名解析系统

1：如果不是必须，请不要把网站放到两台服务器上。51Testing软件测试网(j}o3pN+`%i
2：网页中的图片、css文件、js文件、flash文件等等，不要太多的分散在不同的网络空间中。这就是为什么那种只发一个网站中的壁纸图片的帖子，要比壁纸图片来源于不同网站的帖子显示要快得多的原因。

l        Minify Javascrīpt减少Javascrīpt和CSS文件的体积

l        Avoid Redirects避免跳转

l        Remove Duplicate scrīpts移除重复的脚本

l        Configure ETags配置你的实体标签

   Etag（Entity tags）实体标签，给浏览器缓存用的。Etag是服务器告诉浏览器缓存，缓存中的内容是否已经发生变化的一种机制。通过Etag，浏览器就可以知道现在的缓存中的内容是不是最新的，需不需要重新从服务器上重新下载。

l        Make Ajax Cacheable上面的准则也适用Ajax(这个是没有的)

【Stats】——这个视图会告诉你页面的总体统计信息。包括页面大小、css样式表大小、脚本文件大小、总体图片大小、flash文件大小和css中用到的图片文件大小。还会告诉你，哪些东西被缓存了，缓存了多少等等。

【Components】——这个视图是一个页面所有部件的信息列表。从中我们可以得知每个部件的各种详细信息。如：类型、URL、Expires数据、状态、大小、读取时间、ETag信息等等。通过对这个列表的分析，我们就可以知道到底是什么东西最耗费我们的资源，从而有针对性的进行优化。

【Tools】——

1.      【JSLine】工具会生成JSLine报表，报表是对本网页中JS脚本的分析报告，包含错误和建议

2.      【ALL JS】工具，将生成本页面所有脚本代码便于阅读和打印的报表页面

3.      【ALL CSS】工具，将生成本页面所有CSS样式表代码便于阅读和打印的报表页面

4.       【Printable View】将【Performance】和【Stats】视图中的信息生成一份更适合阅读和打印的报表页面