|
16. Use GET for AJAX Requests 用GET方式進(jìn)行AJAX請(qǐng)求
Get 方法和服務(wù)器只有一次交互（發(fā)送數(shù)據(jù)），而 Post 要兩次（發(fā)送頭部再發(fā)送數(shù)據(jù)）。
17. Post-load Components 延遲加載組件
最先加載必須的組件進(jìn)行頁(yè)面初始化，然后再加載其他，YUI Image Loader 是很好的例子。
18. Preload components 預(yù)加載組件
提前加載以后可能用到的東西，和延遲加載并不沖突，它的目的是為后續(xù)請(qǐng)求提供更快的響應(yīng)，參見(jiàn)Google首頁(yè)上的CSS sprites應(yīng)用。
19. Reduce the Number of DOM Elements 減少DOM元素?cái)?shù)量
復(fù)雜的頁(yè)面結(jié)構(gòu)意味著更長(zhǎng)的下載及響應(yīng)時(shí)間，更合理更高效的使用標(biāo)簽來(lái)架構(gòu)頁(yè)面，是好的前端的必備條件。
20. Split Components Across Domains 跨域分離組件
頁(yè)面組件多個(gè)來(lái)源可以增大你的平行下載量，但注意不要過(guò)多，超過(guò)2-4個(gè)域名會(huì)引起上面說(shuō)到的DNS查找浪費(fèi)。
21. Minimize the Number of iframes 減少iframe數(shù)量
需要更有效的利用 ifames。
iframe 優(yōu)點(diǎn)：有利于下載緩慢的廣告等第三方內(nèi)容，安全沙箱，并行下載腳本
iframe 缺點(diǎn)：即使為空也會(huì)有較大資源消耗，會(huì)阻止頁(yè)面的onload，非語(yǔ)義
22. No 404s 不要出現(xiàn)404頁(yè)面
站點(diǎn)本身里（非搜索結(jié)果）出現(xiàn)404頁(yè)面，無(wú)意義的404頁(yè)面會(huì)影響用戶體驗(yàn)并且會(huì)消耗服務(wù)器資源。
23. Reduce Cookie Size 減小Cookie
Cookie在服務(wù)器及瀏覽器之間的通過(guò)文件頭進(jìn)行交換，盡可能減小Cookie體積，設(shè)置合理的過(guò)期時(shí)間，能夠很好的提高效率。
24. Use Cookie-free Domains for Components 對(duì)組件使用無(wú)Cookie的域名
對(duì)靜態(tài)組件的Cookie讀取是一種浪費(fèi)，使用另一個(gè)無(wú)Cookie的域名來(lái)存放你的靜態(tài)組件式一個(gè)好方法，或者也可以在Cookie中只存放帶www的域名。
25. Minimize DOM Access 減少DOM的訪問(wèn)次數(shù)
JS訪問(wèn)DOM是很慢的，盡量不要用JS來(lái)設(shè)置頁(yè)面布局。
26. Develop Smart Event Handlers 開(kāi)發(fā)靈活的事件處理句柄
DOM樹(shù)上過(guò)多的元素被加入事件句柄的話，反應(yīng)效率肯定會(huì)低，YUI事件工具有一個(gè) onAvailable 方法可以幫助你靈活的設(shè)置DOM事件句柄
27. Choose < link >over @import 使用< link >而非 @import
在IE中使用@import就和在頁(yè)面底部用< link >一樣，我們前面說(shuō)要把< link >放頂部的。
28. Avoid Filters 避免過(guò)濾器的使用
如果需要Alpha透明，不要使用AlphaImageLoader，它效率低下而且只對(duì)IE6及以下的版本適用，用PNG8圖片。如果你非要使用，加上_filter以免影響IE7+用戶。
29. Optimize Images 優(yōu)化圖片
將你的GIF轉(zhuǎn)為PNG8會(huì)是個(gè)減小體積的好辦法，另外有很多方法處理你的JPG及PNG圖片以達(dá)到優(yōu)化效果。
30. Optimize CSS Sprites 優(yōu)化CSS Sprites
在CSS Sprites中豎直并盡量緊湊的排列圖片，盡量將顏色相似的圖片排在一起，會(huì)減小圖片本身的大小及提高頁(yè)面圖片顯示速度。
31. Don’t Scale Images in HTML 不要在HTML中縮放圖片
圖片要用多大的就用多大的，1000X1000的圖片被width=”100″ height=”100″以后，本身的KB數(shù)是不會(huì)減少的。
32. Make favicon. ico Small and Cacheable 縮小favicon. ico的大小并緩存它
站點(diǎn)的瀏覽器ICO應(yīng)該不是經(jīng)常換吧，那就長(zhǎng)時(shí)間的緩存它，并且最好控制在1K以下。
33. Keep Components under 25K 保證組件在25K以下
iPhone不能緩存25K以上的組件，并且這還是要在被壓縮前。
34. Pack Components into a Multipart Document 將組件打包進(jìn)一個(gè)多部分的文檔中
就好像在郵件中加入附件一樣，一個(gè)HTTP請(qǐng)求就夠了，但是這一技術(shù)需要確保你的代理支持，iPhone就不支持。
譯文：http://paranimage.com/yahoo-given-34-web-acceleration/
本文鏈接：http://www.95time.cn/tech/site/2009/6993.asp 
出處：帕蘭映像
責(zé)任編輯：bluehearts
上一頁(yè) Yahoo給出的34條網(wǎng)站加速方法 [1] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁(yè)制作版塊參加討論
|
第 1 頁(yè) 
第 2 頁(yè) Yahoo給出的34條網(wǎng)站加速方法 [2]
