在 Internet上域名與IP地址之間是一一對(duì)應(yīng)的,域名(SEMWatch.org)很好記,但計(jì)算機(jī)不認(rèn)識(shí),計(jì)算機(jī)之間的“相認(rèn)”還要轉(zhuǎn)成ip地址。在網(wǎng)絡(luò) 上每臺(tái)計(jì)算機(jī)都對(duì)應(yīng)有一個(gè)獨(dú)立的ip地址。在域名和ip地址之間的轉(zhuǎn)換工作稱為域名解析,也稱DNS查詢。一次DNS的解析過(guò)程會(huì)消耗20-120毫秒的 時(shí)間,在dns查詢結(jié)束之前,瀏覽器不會(huì)下載該域名下的任何東西。所以減少dns查詢的時(shí)間可以加快頁(yè)面的加載速度。yahoo的建議一個(gè)頁(yè)面所包含的域 名數(shù)盡量控制在2-4個(gè)。這就需要對(duì)頁(yè)面整體有一個(gè)很好的規(guī)劃。
十、壓縮 JavaScript 和 CSS
壓縮js和css的左右很顯然,減少頁(yè)面字節(jié)數(shù)。容量小頁(yè)面加載速度自然也就快。而且壓縮除了減少體積以外還可以起到一定的保護(hù)左右。
當(dāng)然,壓縮帶來(lái)的一個(gè)弊端就是代碼的可讀性沒(méi)了。相信很多做前端的朋友都遇到過(guò)這個(gè)問(wèn)題:看Google的效果很酷,可是去看他的源代碼卻是一大堆 擠在一起的字符,連函數(shù)名都是替換過(guò)的,汗死!自己的代碼也這樣豈不是對(duì)維護(hù)非常不方便。
十一、雅虎開(kāi)發(fā)者告訴我們要避免重定向
301,302重定向是普通 SEO 里最常見(jiàn)的,特別是301,對(duì)權(quán)重的轉(zhuǎn)移和保留非常有幫助,除非迫不得以,盡量少用重定向。
十二、移除重復(fù)的腳本
這點(diǎn)我想不說(shuō)也知道,不僅是從性能上考慮,代碼規(guī)范上看也是這樣。但是不得不承認(rèn),很多時(shí)候我們會(huì)因?yàn)閳D一時(shí)之快而加上一些或許是重復(fù)的代碼
十三、配置實(shí)體標(biāo)簽(Configure ETags)
這點(diǎn)我也不懂,呵呵。在inforQ上找到一篇解釋得比較詳細(xì)的說(shuō)明《使用ETags減少Web應(yīng)用帶寬和負(fù)載》,有興趣的同學(xué)可以去看看。
十四、使 AJAX 緩存 (Make Ajax Cacheable )
記住,即使AJAX是動(dòng)態(tài)產(chǎn)生的而且只對(duì)一個(gè)用戶起作用,他們依然可以被緩存
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
這個(gè)和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 = “”;
這兩種形式都會(huì)導(dǎo)致同樣的效果:瀏覽器會(huì)向服務(wù)器進(jìn)行額外請(qǐng)求
三十六、沒(méi)了
哎喲,太多了
本新聞共
2 頁(yè),當(dāng)前在第
2 頁(yè)
1 2