在網站建設和seo優化中提高網站的訪問速度是一個站點的首先要考慮的問題。高性能網站建設的大致方向就是從緩存、壓縮、減少請求等方面進行處理，雅虎的工程師們就總結出“網站性能黃金法則”：“只有10%~20%的最終用戶響應時間花在了下載HTML文檔上，其余的80%~90%時間花在了下載頁面中的所有組件上”。下面十堰網站建設專家通過十四個方面來聊聊高性能網站建設的一些經驗。

一、減少HTTP請求，圖片地圖、CSS Sprites、內聯圖片和腳本、腳本和樣式表的合并。

圖片地圖，Css Sprite，內聯圖片和腳本，樣式表的合并。運用這些技術，估計頁面響應時間會減少到50%左右。

圖片地圖在淘寶中很是蠻常見的，就是用一個圖來掛N個連接地址，通過分析點擊圖片的坐標和位置來產生連接，這樣，會減少服務器的連接。

圖片地圖有很多難點，不太容易控制，但是，如果你正在導航欄或者其他超鏈接中使用多個圖片，將他們轉換為圖片地圖是加速頁面的最簡單的方式。

Css Srprites是利用css來控制的，主要是控制背景圖片的坐標來控制圖片的顯示，可以將毫無關聯的圖片集成到一張圖片中。當然，合成圖片有很大的難度，需要專業人員做，還有，制作成本可能較高。但是可以考慮在那些不經常變動的地方使用它，例如，如果需要在頁面中為背景，按鈕，導航欄，連接等提供大量圖片，css sprites絕對是一種優秀的解決方案，干凈的標簽，很少的圖片和很短的相應時間。

在站點發布時，將多個js文件，和多個css文件合并成單個或者盡可能的合并，是有好處的。

二、使用CDN（內容發布網絡）。

一組分布在多個不同地理位置的web服務器，用于更有效的向用戶發布內容。除了縮短響應時間之外，cdn還可以帶來其他優勢。他們的服務包括備份，擴展存儲能力和進行緩存。CDN還有助于緩和web流量峰值壓力。

三、添加Expires頭，修訂文件名，比如為經常需要改變的文件添加版本號等。

長久的Exxpires頭最常用于圖片，但應該將其用在所有組件上，包括腳本，樣式表和flash。很多頂級網站現在還沒做到這一點。

web服務器使用Expires頭來告訴web客戶端它可以使用一個組件的當前副本，知道指定的時間位置。

對于Expires頭來說，它使用了一個特定的時間，它要求服務器和客戶端的時鐘嚴格同步。

換種方式，Cache-Control使用max-age指令指定組件被緩存多久。

跨瀏覽器改善緩存的最佳解決方案就是使用ExpiresDefault設置的Expires頭。

解決獲取最新版本的文檔的最有效方式是：修改其所有連接，這樣，全心的請求將從原始服務器下載最新的內容。

四、壓縮組件，即減少HTTP相應的大小來減小響應時間。

web客戶端可以通過HTTP請求中的Accept-Encoding頭來標識對壓縮的支持。

web服務器通過響應中的Content-Encoding頭來通知Web客戶端。

gzip是最流行和最有效的壓縮方式。在使用壓縮組件時，比較常見的壓縮有：HTML文檔壓縮，腳本和樣式表壓縮。

五、將樣式表放在頂部，減少“白屏（Blank White Screen）”現象，盡量使用LINK標簽將樣式表放在文檔HEAD中。

將樣式表放在文檔底部會導致在瀏覽器中組織內容逐步呈現。為避免當樣式變化時重繪頁面中的元素，瀏覽器會阻塞內容逐步呈現。

這個規則對于加載頁面所需要的時間沒有太多影響，它影響更多的是瀏覽器對這些組件順序的反映。

在IE中，將樣式表放在文檔底部會導致擺平問題。

如果樣式表仍在加載，構建呈現樹就是一種浪費，因為在所有樣式表加載并解析完畢之前，無需繪制任何東西，否則，在其準備好之前顯示內容會遇到FOUC（無樣式內容的閃爍）問題。

六、將腳本放在底部，并行下載，腳本阻塞。

HTTP1.1規范建議瀏覽器從每個主機名并行的下載兩個組件。

如果將腳本放在頁面頂部，正如通常的情況那樣，頁面中的所有東西都位于腳本之后，整個頁面的呈現和下載都會被阻塞，知道腳本加載完畢。放置腳本的最好地方就是頁面的底部，這不會阻止頁面內容的呈現，而且頁面中的可視組件可以今早下載。

七、避免CSS表達式，使用“一次性表達式”，事件處理器。

css表達式是動態設置css屬性的一種強大而且又危險的方式。

ie中不支持min-width。

有些規則用于處理頁面加載之后的性能問題，這通常是由CSS表達式引起的問題。然而，有些時候，css表達式也會影響頁面的加載時間。

八、使用外部JavaScript和CSS，純粹而言，內聯比外聯快。加載后下載。

對于內聯和外聯來說，內聯相對是快點的。但是盡管結果如此，現實中還是推薦使用外部文件會產生較快的頁面。

如果js和css是外部文件，瀏覽器就能緩存他們，HTML文檔的大小減小，而且不會增加http請求的數量。