web应用的优化规则

中文 英文

1、 减少http请求	1、Make fewer HTTP requests
2、 使用CDN内容分发	2、Use a Content Delivery Network(CDN)
3、 避免空的src或	3、Avoid empty src or href
4、 向文档添加一个有效期, 告诉浏览器这个文档的有效性和持久性.如：服务器配置不常更新的文件(图片，样式等)	4、Add Expires headers
5、用gzip的压缩,在服务器配置gzip压缩文件	5、Compress components with gzip
6、把CSS顶部	6、Put CSS at top
7、把JavaScript底部	7、Put JavaScript at bottom
8、避免使用CSS表达式	8、Avoid CSS expressions
9、文件很大时将js与css独立成外部文件	9、Make Javascript and CSS external
10、减少dns检查	10、Reduce DNS lookups
11、减少js与css的文件大小	11、Minify Javascript and CSS
12、避免URL重定向跳转	12、Avoid URL redirects
13、删除重复的Javascript和CSS	13、Remove duplicate Javascript and CSS
14、配置你的实体标签.Etag是服务器告诉浏览器缓存，缓存中的内容是否已经发生变化的一种机制。	14、Configure entity tags(ETags)
15、缓存ajax . Ajax是实时响应的，在浏览器接收到新的数据前，旧的数据被缓存，这样能够更好的提高效率。	15、Make Ajax cacheable
16、用GET方式进行AJAX请求。 Get 方法和服务器只有一次交互（发送数据），而 Post 要两次（发送头部再发送数据）。	16、Use Get  for Ajax requests
17、减少DOM元素的数量	17、Reduce the number of DOM elements
18、避免HTTP 404错误（未找到）	18、Avoid HTTP 404 (Not Found) error
19、减少Cookie的大小. 设置合理的过期时间，能够很好的提高效率。	19、Reduce cookie size
20.对组件使用无Cookie的域名. 对静态组件的Cookie读取是一种浪费，使用另一个无Cookie的域名来存放你的静态组件式一个好方法，或者也可以在Cookie中只存放带www的域名。	20、Use cookie-free domains
21、 如果需要Alpha透明，不要使用AlphaImageLoader，它效率低下而且只对IE6及以下的版本适用，用PNG8图片。如果你非要使用，加上_filter以免影响IE7+用户。	21、Avoid AlphaImageLoader filter
22、不要在HTML中缩放图片	22、Do not scale images in html
23、缩小favicon. ico的大小并缓存它， 站点的浏览器ICO应该不是经常换吧，那就长时间的缓存它，并且最好控制在1K以下。	23、Make favicon small and cacheable