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