創(chuàng)建高性能的 Web 頁面
更新時間:2008年03月26日 22:16:25 作者:
首先,感謝 圓心 和 小馬 主持這次的技術(shù)交流會。此次關(guān)注的是 客戶端的效率問題 ,根據(jù) Yahoo 的總結(jié),可以總結(jié)下面 14 條“軍規(guī)”。
盡可能的減少 HTTP 的請求數(shù) [content]
使用 CDN(Content Delivery Network) [server]
添加 Expires 頭(或者 Cache-control) [server]
Gzip 組件 [server]
將 CSS 樣式放在頁面的上方 [css]
將腳本移動到底部(包括內(nèi)聯(lián)的)[javascript]
避免使用 CSS 中的 Expressions [css]
將 JavaScript 和 CSS 獨立成外部文件 [javascript] [css]
減少 DNS 查詢 [content]
壓縮 JavaScript 和 CSS (包括內(nèi)聯(lián)的)[javascript] [css]
避免重定向 [server]
移除重復的腳本 [javascript]
配置實體標簽(ETags)[css]
使 Ajax 緩存 [content]
根據(jù),PPT 的內(nèi)容所示,我使用 Yslow 檢查了下本人的主頁,才得了個“F 47”(坦白說,與我本人估計的非常有出入)。

主要的問題就是沒有開啟 Gzip 壓縮,以及沒有設置 HTTP 頭緩存??磥碚垓v了那么久,除了服務器端的性能,客戶端的緩存還是不能忽視的。
想想看,如果淘寶首頁沒有緩存,即便是多了 1KB 的頁面容量,乘以每天上億的 PV,這個數(shù)字將是多么的龐大。
最后,提供本次的交流會的 PPT 下載,再次感謝他們。
有關(guān)更多的信息,可以訪問 圓心 同志的 Blog,他上面有更詳實的內(nèi)容。
相關(guān)文章
網(wǎng)站優(yōu)化細節(jié)之網(wǎng)頁信噪比
網(wǎng)站優(yōu)化細節(jié)之網(wǎng)頁信噪比...2007-03-03比較詳細的DIV+CSS布局網(wǎng)頁對網(wǎng)站SEO的影響
比較詳細的DIV+CSS布局網(wǎng)頁對網(wǎng)站SEO的影響...2007-11-11