|
2.運(yùn)用cdn技術(shù)
見： http://hi.baidu.com/axne/blog/item/258e23ade2d76f0a4b36d6d1.html
3.加一個(gè)長(zhǎng)時(shí)間過期的頭部
Expires: Thu, 15 Apr 2010 20:00:00 GMT
瀏覽器會(huì)用緩存來減少http請(qǐng)求數(shù)來加快頁(yè)面加載的時(shí)間，如果頁(yè)面頭部加一個(gè)很長(zhǎng)的過期時(shí)間，瀏覽器就會(huì)一直緩存頁(yè)面里的元素。
不過這樣會(huì)帶來一個(gè)問題，就是如果頁(yè)面里的東西變動(dòng)的話就要改名字了，否則用戶端不會(huì)主動(dòng)刷新，在yahoo工作組用的是版本號(hào)，例如yahoo_2.0.6.js
4.Gzip壓縮
Gzip是現(xiàn)在最流行和最有效的壓縮方式，她是GNU開發(fā)的，RFC1952標(biāo)準(zhǔn)化。
（Gzip是在服務(wù)器端壓縮圖片，css，腳本等，傳送到用戶端的瀏覽器再解壓，這樣可以提高傳輸速度，不過對(duì)服務(wù)器的壓力會(huì)增大，一般選擇部分元素壓縮比較合適。）
5.把樣式表放到頂部
我們發(fā)現(xiàn)把css放到文檔頭部會(huì)讓網(wǎng)頁(yè)加載得更快。因?yàn)檫@樣可以讓頁(yè)面逐漸加載。
把樣式表放到接近底部的問題是它阻止了頁(yè)面元素的逐漸顯示。這樣還會(huì)導(dǎo)致“flash of unstyled content” 即在樣式表加載之前頁(yè)面內(nèi)容是以沒有樣式的形式顯示出來的，待加載完樣式后，頁(yè)面重繪，內(nèi)容一閃即改變了樣式表現(xiàn)。
6.把腳本放到底部
把腳本放到盡可能底部的地方，一個(gè)原因是讓頁(yè)面逐漸渲染，另一個(gè)是實(shí)現(xiàn)更好的并行下載。
對(duì)于腳本，腳本以下的內(nèi)容被阻止逐漸加載了，因?yàn)橹挥挟?dāng)下載完腳本以后才會(huì)下載下面的內(nèi)容，第二個(gè)腳本引起的問題是阻止平行下載。 "http/1.1 specification"建議瀏覽器對(duì)一個(gè)域名， 同一時(shí)間下載數(shù)不超過2個(gè)（按：實(shí)際監(jiān)測(cè)發(fā)現(xiàn)一般有超過2個(gè)），我曾經(jīng)讓ie并行下載100個(gè)圖片。 當(dāng)腳本正在下載的時(shí)候，瀏覽器不會(huì)開始下載任何東西。
7.避免css expressions
css expressions 是一個(gè)有力（和危險(xiǎn)）的方式動(dòng)態(tài)的改變css的屬性。他們自ie5就開始被支持，舉個(gè)例子，用css expression可以讓背景色每個(gè)小時(shí)輪換一次。但是被非ie瀏覽器忽略的。
background-color: expression( (new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00" );
expressions的問題就在與它的計(jì)算頻率絕對(duì)超出我們的想象，甚至當(dāng)我們移動(dòng)鼠標(biāo)，都會(huì)引起頁(yè)面的重繪！
下面是舉例頁(yè)面
減少css expressions計(jì)算次數(shù)的一個(gè)方法就是使用一次性的expressions。 當(dāng)?shù)谝淮蝒xpression計(jì)算出一個(gè)明確的值，就讓樣式等于這個(gè)值，不再變動(dòng)。如果樣式的屬性一定要?jiǎng)討B(tài)的改變，就用時(shí)間句柄吧！
8.讓腳本和樣式外延
Javascript和CSS應(yīng)該是外部調(diào)用還是內(nèi)嵌呢？
用外部調(diào)用文件的方式更快，因?yàn)樗麄兪强梢员痪彺娴�，如果是�?nèi)嵌在頁(yè)面中他們就無法被緩存了！想想如果用戶要在你的網(wǎng)站看很多很多的頁(yè)面，如果都是使用同一個(gè)外部腳本和樣式，那么他們一旦被緩存，就再也不需要下載了，這樣會(huì)給你帶來很大的潛在好處。
9.減少DNS查詢
10.減小腳本體積
有兩個(gè)比較流行的工具是用來減小腳本的體積的--JSMin和YUI Compressor
（按：這個(gè)壓縮和Gzip壓縮是不一樣的，Gzip是傳輸壓縮，這個(gè)是代碼壓縮）
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 高性能表現(xiàn)的網(wǎng)站 [1] 下一頁(yè) 高性能表現(xiàn)的網(wǎng)站 [3]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 2 頁(yè) 高性能表現(xiàn)的網(wǎng)站 [2]
