yslow 笔记

1.Make fewer HTTP requests css  页面纯img的请求不会不合理，但是css中引用的background图片请求次数多了不合理。尽量使用一个图片包含多个图片（合并）

   js和css尽量使用一个文件

2.Use a CDN  CDN的全称是Content Delivery Network，即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络”边缘”，使用户可 以就近取得所需的内容，解决Internet网络拥挤的状况，提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均 等原因所造成的用户访问网站响应速度慢的问题。就近缓存==>智能路由==>负载均衡==>WSA全站动态加速 

3.Add an Expires header 设置过期的HTTP Header.设置Expires Header可以将脚本, 样式表, 图片, Flash等缓存在浏览器的Cache中.

4.Gzip components对 我们的页面内容进行Gzip格式的压缩，Gzip格式是一种很普遍的压缩技术，几乎所有的浏览器都有解压Gzip格式的能力，而且它可以压缩的比例非常 大，一般压缩率为85%，就是说服务器端100K的页面可以压缩到25K左右的Gzip格式的数据发给客户端，客户端收到Gzip格式的数据后自动解压缩 后显示页面。

5.Put CSS at the top

 

 

页面优化方案

 

1.小写的元素标签和类名

2.设置图像大小

3.. 减少HTTP请求次数
合并图片、CSS、JS，改进首次访问用户等待时间。  
4.. 避免空的src和href
当link标签的href属性为空、script标签的src属性为空的时候，浏览器渲染的时候会把当前页面的URL作为它们的属性值，从而把页面的内容加载进来作为它们的值。测试   
5. 为文件头指定Expires
使内容具有缓存性。避免了接下来的页面访问中不必要的HTTP请求。 
6. 使用gzip压缩内容
压缩任何一个文本类型的响应，包括XML和JSON，都是值得的。旧文章  
7. 把CSS放到顶部   JS放到底部
防止js加载对之后资源造成阻塞。 
8. 避免使用CSS表达式 
9. 将CSS和JS放到外部文件中