• Content ·「網(wǎng)頁(yè)內(nèi)容相關(guān)
  
  • Make Fewer HTTP Requests [減少http請(qǐng)求次數(shù)]
  • Reduce DNS Lookups [減少DNS查詢(xún)次數(shù)]
  • Avoid Redirects [避免頁(yè)面跳轉(zhuǎn)]
  • Make Ajax Cacheable [緩存Ajax]
  • Postload Components [延遲加載]
  • Preload Components [提前加載]
  • Reduce the Number of DOM Elements [減少Dom元素?cái)?shù)量]
  • Split Components Across Domains [根據(jù)域名劃分內(nèi)容]
  • Minimize Number of iframes [減少iframes數(shù)量]
  • Avoid 404s [避免404]
• Server ·「服務(wù)器相關(guān)
  
  • 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請(qǐng)求]
  • Avoid Empty Image src　　　　　　　　　　　　 [避免空的圖片src]
• Cookie ·「緩存
  
  • Reduce Cookie Size [減少Cookie大小]
  • Use Cookie-Free Domains for Components [頁(yè)面內(nèi)容使用無(wú)cookie域名]
• CSS ·「CSS
  
  • Put Stylesheets at Top [樣式置頂]
  • Avoid CSS Expressions [避免CSS表達(dá)式]
  • 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 [簡(jiǎn)化的Js和css]
  • Remove Duplicate Scripts [腳本去重]
  • Minimize DOM Access [減少Dom訪問(wèn)]
  • Develop Smart Event Handlers [使用智能事件處理]
• Images ·「圖片
  
  • Optimize Images [優(yōu)化圖片]
  • Optimize CSS Sprites [優(yōu)化雪碧圖]
  • Do Not Scale Images in HTML [不要在html中縮放圖片]
  • Make favicon.ico Small and Cacheable [使用小且可緩存的favicon.ico]
• Mobile ·「移動(dòng)客戶(hù)端
  
  • Keep Components Under 25 KB [保持單個(gè)內(nèi)容小于25KB]
  • Pack Components Into a Multipart Document [打包組建成復(fù)合文檔]

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。