• Content ·「網頁內容相關
  
  • Make Fewer HTTP Requests [減少http請求次數]
  • Reduce DNS Lookups [減少DNS查詢次數]
  • Avoid Redirects [避免頁面跳轉]
  • Make Ajax Cacheable [緩存Ajax]
  • Postload Components [延遲加載]
  • Preload Components [提前加載]
  • Reduce the Number of DOM Elements [減少Dom元素數量]
  • Split Components Across Domains [根據域名劃分內容]
  • Minimize Number of iframes [減少iframes數量]
  • Avoid 404s [避免404]
• Server ·「服務器相關
  
  • Use a Content Delivery Network (CDN) [使用CDN]
  • Add Expires or Cache-Control Header ×[添加Cache-Control控制頭]
  • Gzip Components [壓縮傳輸文件]
  • Configure ETags [配置ETags]
  • Flush Buffer Early [盡早flush輸出]
  • Use GET for Ajax Requests [使用get請求]
  • Avoid Empty Image src　　　　　　　　　　　　 [避免空的圖片src]
• Cookie ·「緩存
  
  • Reduce Cookie Size [減少Cookie大小]
  • Use Cookie-Free Domains for Components [頁面內容使用無cookie域名]
• CSS ·「CSS
  
  • Put Stylesheets at Top [樣式置頂]
  • Avoid CSS Expressions [避免CSS表達式]
  • Choose Over @import [選擇link而不是import]
  • Avoid Filters [避免使用Filters]
• JavaScript ·「JavaScript
  
  • Put Scripts at Bottom [腳本置底]
  • Make JavaScript and CSS External [使用外部的JavaScript和CSS3]
  • Minify JavaScript and CSS [簡化的Js和css]
  • Remove Duplicate Scripts [腳本去重]
  • Minimize DOM Access [減少Dom訪問]
  • Develop Smart Event Handlers [使用智能事件處理]
• Images ·「圖片
  
  • Optimize Images [優化圖片]
  • Optimize CSS Sprites [優化雪碧圖]
  • Do Not Scale Images in HTML [不要在html中縮放圖片]
  • Make favicon.ico Small and Cacheable [使用小且可緩存的favicon.ico]
• Mobile ·「移動客戶端
  
  • Keep Components Under 25 KB [保持單個內容小于25KB]
  • Pack Components Into a Multipart Document [打包組建成復合文檔]

https://developer.yahoo.com/performance/rules.html

總結

以上是生活随笔為你收集整理的雅虎前端优化策略的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。