中文 | 英文 |
---|---|
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 |