創(chuàng)建高性能的 Web 頁面
更新時(shí)間：2008年03月26日 22:16:25 作者：
首先，感謝 圓心 和 小馬 主持這次的技術(shù)交流會(huì)。此次關(guān)注的是 客戶端的效率問題 ，根據(jù) Yahoo 的總結(jié)，可以總結(jié)下面 14 條“軍規(guī)”。
盡可能的減少 HTTP 的請(qǐng)求數(shù) [content]
使用 CDN（Content Delivery Network） [server]
添加 Expires 頭（或者 Cache-control） [server]
Gzip 組件 [server]
將 CSS 樣式放在頁面的上方 [css]
將腳本移動(dòng)到底部（包括內(nèi)聯(lián)的）[javascript]
避免使用 CSS 中的 Expressions [css]
將 JavaScript 和 CSS 獨(dú)立成外部文件 [javascript] [css]
減少 DNS 查詢 [content]
壓縮 JavaScript 和 CSS （包括內(nèi)聯(lián)的）[javascript] [css]
避免重定向 [server]
移除重復(fù)的腳本 [javascript]
配置實(shí)體標(biāo)簽（ETags）[css]
使 Ajax 緩存 [content]
根據(jù)，PPT 的內(nèi)容所示，我使用 Yslow 檢查了下本人的主頁，才得了個(gè)“F 47”（坦白說，與我本人估計(jì)的非常有出入）。
主要的問題就是沒有開啟 Gzip 壓縮，以及沒有設(shè)置 HTTP 頭緩存。看來折騰了那么久，除了服務(wù)器端的性能，客戶端的緩存還是不能忽視的。
想想看，如果淘寶首頁沒有緩存，即便是多了 1KB 的頁面容量，乘以每天上億的 PV，這個(gè)數(shù)字將是多么的龐大。
最后，提供本次的交流會(huì)的 PPT 下載，再次感謝他們。
有關(guān)更多的信息，可以訪問 圓心 同志的 Blog，他上面有更詳實(shí)的內(nèi)容。
相關(guān)文章
不用SEO 網(wǎng)站取得成功的經(jīng)驗(yàn)探討
不使用seo對(duì)于一般seo站長(zhǎng)來說是是不太可能的事，下面看不用seo怎么樣實(shí)現(xiàn)做成功網(wǎng)站2008-05-05
網(wǎng)站優(yōu)化細(xì)節(jié)之網(wǎng)頁信噪比
網(wǎng)站優(yōu)化細(xì)節(jié)之網(wǎng)頁信噪比...2007-03-03
辦公文檔大全、辦公文檔下載...2006-08-08
首先，感謝 圓心 和 小馬 主持這次的技術(shù)交流會(huì)。此次關(guān)注的是 客戶端的效率問題 ，根據(jù) Yahoo 的總結(jié)，可以總結(jié)下面 14 條“軍規(guī)”。2008-03-03
提高百度的收錄質(zhì)量的注意事項(xiàng)...2007-07-07
美元人民幣匯率查詢與即時(shí)美元匯率中間牌價(jià)的網(wǎng)站
美元人民幣匯率查詢與即時(shí)美元匯率中間牌價(jià)的網(wǎng)站...2007-03-03
比較詳細(xì)的DIV+CSS布局網(wǎng)頁對(duì)網(wǎng)站SEO的影響
比較詳細(xì)的DIV+CSS布局網(wǎng)頁對(duì)網(wǎng)站SEO的影響...2007-11-11
域名注冊(cè)的相關(guān)知識(shí)（新手必讀）
這篇文章主要介紹了域名注冊(cè)的相關(guān)知識(shí)（新手必讀）2007-03-03
在中國(guó)銀行查詢美元即時(shí)匯率，該看基準(zhǔn)價(jià)嗎？
在中國(guó)銀行查詢美元即時(shí)匯率，該看基準(zhǔn)價(jià)嗎？...2007-03-03
提高頁面加載速度的幾個(gè)方法小結(jié)...2007-09-09