在 Internet上域名與IP地址之間是一一對應(yīng)的,域名(SEMWatch.org)很好記,但計(jì)算機(jī)不認(rèn)識,計(jì)算機(jī)之間的“相認(rèn)”還要轉(zhuǎn)成ip地址。在網(wǎng)絡(luò) 上每臺計(jì)算機(jī)都對應(yīng)有一個獨(dú)立的ip地址。在域名和ip地址之間的轉(zhuǎn)換工作稱為域名解析,也稱DNS查詢。一次DNS的解析過程會消耗20-120毫秒的 時間,在dns查詢結(jié)束之前,瀏覽器不會下載該域名下的任何東西。所以減少dns查詢的時間可以加快頁面的加載速度。yahoo的建議一個頁面所包含的域 名數(shù)盡量控制在2-4個。這就需要對頁面整體有一個很好的規(guī)劃。
十、壓縮 JavaScript 和 CSS
壓縮js和css的左右很顯然,減少頁面字節(jié)數(shù)。容量小頁面加載速度自然也就快。而且壓縮除了減少體積以外還可以起到一定的保護(hù)左右。
當(dāng)然,壓縮帶來的一個弊端就是代碼的可讀性沒了。相信很多做前端的朋友都遇到過這個問題:看Google的效果很酷,可是去看他的源代碼卻是一大堆 擠在一起的字符,連函數(shù)名都是替換過的,汗死!自己的代碼也這樣豈不是對維護(hù)非常不方便。
十一、雅虎開發(fā)者告訴我們要避免重定向
301,302重定向是普通 SEO 里最常見的,特別是301,對權(quán)重的轉(zhuǎn)移和保留非常有幫助,除非迫不得以,盡量少用重定向。
十二、移除重復(fù)的腳本
這點(diǎn)我想不說也知道,不僅是從性能上考慮,代碼規(guī)范上看也是這樣。但是不得不承認(rèn),很多時候我們會因?yàn)閳D一時之快而加上一些或許是重復(fù)的代碼
十三、配置實(shí)體標(biāo)簽(Configure ETags)
這點(diǎn)我也不懂,呵呵。在inforQ上找到一篇解釋得比較詳細(xì)的說明《使用ETags減少Web應(yīng)用帶寬和負(fù)載》,有興趣的同學(xué)可以去看看。
十四、使 AJAX 緩存 (Make Ajax Cacheable )
記住,即使AJAX是動態(tài)產(chǎn)生的而且只對一個用戶起作用,他們依然可以被緩存
Even though your Ajax responses are created dynamically, and might only be applicable to a single user, they can still be cached. Doing so will make your Web 2.0 apps faster.
十五、Flush the Buffer Early
十六、Use GET for AJAX Requests
十七、Post-load Components
十八、Preload Components
十九、Reduce the Number of DOM Elements
二十、Split Components Across Domains
二十一、Minimize the Number of iframes
框架最好都不要用。
二十二、No 404s
這個和SEO的相關(guān)條款不一致,可以忽視哈。
二十三、Reduce Cookie Size
盡可能的吧,cookies跟蹤好了,有可能比速度更重要
二十四、Use Cookie-free Domains for Components
二十五、Minimize DOM Access
二十六、Develop Smart Event Handlers
二十七、Choose over @import
二十八、Avoid Filters
二十九、Optimize Images
三十、Optimize CSS Sprites
三十一、Don’t Scale Images in HTML
三十二、Make favicon.ico Small and Cacheable
三十三、Keep Components under 25K
三十四、Pack Components into a Multipart Document
三十五、Avoid Empty Image src
避免空的圖片地址鏈接
straight HTML
JavaScript
var img = new Image(); img.src = “”;
這兩種形式都會導(dǎo)致同樣的效果:瀏覽器會向服務(wù)器進(jìn)行額外請求
三十六、沒了
哎喲,太多了