Yahoo給出的包括Yslow規(guī)則(22條)的34條 詳細(xì)說(shuō)明 ,通過(guò)這此規(guī)則對(duì)自己頁(yè)面進(jìn)行一次全面的分析優(yōu)化,可以提高你網(wǎng)站的加載速度。
1.Minimize HTTP Requests 減少HTTP請(qǐng)求 圖片、CSS、script、flash等等這些都會(huì)增加http請(qǐng)求數(shù),減少這些元素的數(shù)量就能減少響應(yīng)時(shí)間。把多個(gè)JS、CSS在可能的情況下寫進(jìn)一個(gè)文件,頁(yè)面里直接寫入圖片也是不好的做法,應(yīng)該寫進(jìn)CSS里,利用 CSS sprites 將小圖拼合后利用background來(lái)定位。
2.Use a Content Delivery Network 利用CDN技術(shù) CDN 確實(shí)是好東西,8過(guò)服務(wù)器提供商的這項(xiàng)服務(wù)一般是要收費(fèi)的,我以前買的國(guó)內(nèi)空間是有這個(gè)的但是我當(dāng)時(shí)根本不知道啥用,現(xiàn)在沒了。。。
3.Add an Expires or a Cache-Control Header 設(shè)置頭文件過(guò)期或者靜態(tài)緩存 瀏覽器會(huì)用緩存來(lái)減少http請(qǐng)求數(shù)來(lái)加快頁(yè)面加載的時(shí)間,如果頁(yè)面頭部加一個(gè)很長(zhǎng)的過(guò)期時(shí)間,瀏覽器就會(huì)一直緩存頁(yè)面里的元素。不過(guò)這樣如果頁(yè)面里的東西變動(dòng)的話就要改名字了,否則用戶端不會(huì)主動(dòng)刷新,看自己衡量了~ 這項(xiàng)可以通過(guò)修改.htaccess文件來(lái)實(shí)現(xiàn)。
4.Gzip Components Gzip壓縮 Gzip格式是一種很普遍的壓縮技術(shù),幾乎所有的瀏覽器都有解壓Gzip格式的能力,而且它可以壓縮的比例非常大,一般壓縮率為85%。壓縮沒壓縮,可以到 這里 做下測(cè)試。
5.Put Stylesheets at the Top 把CSS放頂部 讓瀏覽者能盡早的看到網(wǎng)站的完整樣式。
6.Put Scripts at the Bottom 把JS放底部 網(wǎng)站呈現(xiàn)完畢后再進(jìn)行功能設(shè)置,當(dāng)然這些JS要在你的加載過(guò)程中不影響內(nèi)容表現(xiàn)。
7.Avoid CSS Expressions 避免CSS Expressions CSS表達(dá)式很可怕,這個(gè)只被IE支持的東西執(zhí)行時(shí)候的運(yùn)算量非常大,你移動(dòng)一下鼠標(biāo)它都要進(jìn)行重計(jì)算的,但有時(shí)候?yàn)榱俗鰹g覽器的兼容必須要用到這個(gè)||| IE6去死去死!~
8.Make JavaScript and CSS External 將JS和CSS外鏈 前面講到了緩存這個(gè)事情,一些較為公用的JS和CSS,我們可以使用外鏈的形式,譬如我就是從Google外鏈來(lái)的Jquery文件,如果我的瀏覽者在瀏覽別的使用了這個(gè)外鏈文件的網(wǎng)站時(shí)已經(jīng)下載并緩存了這個(gè)文件,那么他在瀏覽我的網(wǎng)站的時(shí)候就不需要再進(jìn)行下載了!~
9.Reduce DNS Lookups 減少DNS查找 貌似是要減少網(wǎng)站從外部調(diào)用資源,我的Google分析和picasa的外鏈圖片都算在里面了。
10.Minify JavaScript and CSS 減小JS和CSS的體積 寫JS和CSS都是有技巧的,用最少的代碼實(shí)現(xiàn)同樣的功能,減少空白,增強(qiáng)邏輯性,用縮寫方式等等,當(dāng)然也有不少工具也能夠幫你實(shí)現(xiàn)這一點(diǎn)。
11. Avoid Redirects 避免重定向 再寫入鏈接時(shí),雖然“http://www. today-s-ooxx. com”和“http://www. today-s-ooxx. com/” 僅有一個(gè)最后的“/”只差,但是結(jié)果是不同的,服務(wù)器需要花時(shí)間把前者重定向?yàn)楹笳呷缓筮M(jìn)行跳轉(zhuǎn),這個(gè)要自己注意,也可以在Apache里用Alias 或者mod_rewrite或者DirectorySlash解決。
12. Remove Duplicate Scripts 刪除重復(fù)腳本 重復(fù)調(diào)用的代碼瀏覽器并不會(huì)識(shí)別忽略,而是會(huì)再次運(yùn)算一遍,這當(dāng)然是大大的浪費(fèi)。
13. Configure ETags 配置ETags 搞不清楚咋回事,總之我是在. htaccess里把它刪除了。
14. Make Ajax Cacheable 緩存Ajax Ajax是實(shí)時(shí)響應(yīng)的,在瀏覽器接收到新的數(shù)據(jù)前,舊的數(shù)據(jù)被緩存,這樣能夠更好的提高效率。
15. Flush the Buffer Early 盡早的釋放緩沖 當(dāng)用戶進(jìn)行頁(yè)面請(qǐng)求時(shí),服務(wù)器端需要花費(fèi)200到500毫秒時(shí)間來(lái)拼合HTML,將寫在head與body之間,釋放緩沖,這樣可以將文件頭先發(fā)送出去,然后再發(fā)送文件內(nèi)容,提高效率。
出處:帕蘭映像
責(zé)任編輯:bluehearts
上一頁(yè) 下一頁(yè) Yahoo給出的34條網(wǎng)站加速方法 [2]
◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁(yè)制作版塊參加討論
|