網站(zhàn)打開(kāi)速度的快與慢，直接關系到訪客的用戶體(tǐ)驗度。網站(zhàn)被加載的速度與多(duō)個(gè)要素相關，如服務器(qì)優于劣，網絡帶寬大(dà)與小(xiǎo)，頁面代碼繁與簡等。如果受限于資金，那(nà)麽通(tōng)過優化網頁代碼來(lái)加速網站(zhàn)打開(kāi)速度，就是很(hěn)有(yǒu)效的方法。

提升網站(zhàn)打開(kāi)速度的方法

一：壓縮或精簡Javascript代碼和(hé)css代碼。

無論什麽類型的網站(zhàn)，用戶第一次點擊網站(zhàn)的時(shí)候，都會(huì)加載網站(zhàn)的Javascript和(hé)css代碼，假設這些(xiē)代碼冗多(duō)，勢必會(huì)降低(dī)網站(zhàn)打開(kāi)速度。

如果有(yǒu)這樣的問題，就要對代碼進行(xíng)壓縮或精簡。壓縮方面，有(yǒu)大(dà)量的第三方工具如站(zhàn)長之家(jiā)的CSS\JS壓縮工具可(kě)供大(dà)家(jiā)直接免費試用，經過壓縮的代碼，普遍能減小(xiǎo)40%到65%。精簡方面，能用一個(gè)樣式控制(zhì)就不用兩個(gè)，思路是既能滿足網站(zhàn)的頁面布局，又是最小(xiǎo)的代碼量。

二：降低(dī)HTTP請(qǐng)求。

有(yǒu)數(shù)據顯示，流量器(qì)會(huì)花(huā)費8成的時(shí)間(jiān)來(lái)加載腳本，css樣式表，圖片等網站(zhàn)元素，隻有(yǒu)約2成的時(shí)間(jiān)會(huì)用于加載網站(zhàn)其他的主要文字內(nèi)容。問題是各個(gè)網站(zhàn)都會(huì)有(yǒu)HTTP請(qǐng)求，且同一個(gè)時(shí)間(jiān)內(nèi)隻能有(yǒu)2個(gè)HTTP請(qǐng)求，這樣的問題下，假設有(yǒu)大(dà)于2個(gè)的HTTP請(qǐng)求一同請(qǐng)求，那(nà)麽勢必會(huì)降低(dī)網站(zhàn)打開(kāi)速度。如圖：

找到了HTTP請(qǐng)求對網頁速度的影(yǐng)響，下一步的解決辦法就是降低(dī)HTTP請(qǐng)求數(shù)。

3：對Javascript代碼和(hé)css代碼以及圖片進行(xíng)服務器(qì)端的緩存設置。

大(dà)家(jiā)有(yǒu)發現這樣一個(gè)情況，假設用戶第一次訪問了你(nǐ)的網站(zhàn)，那(nà)麽用戶下一次再次訪問你(nǐ)的站(zhàn)點，速度就會(huì)更快。這是什麽原因呢？原因在于浏覽器(qì)緩存。

大(dà)多(duō)數(shù)服務器(qì)，或空(kōng)間(jiān)已經默認設置了緩存功能，站(zhàn)長或者seoer要做(zuò)的就是在後台設定相應文件類型以及過期時(shí)間(jiān)。在此，建議為(wèi)：如果是windows主機，就将圖片，css和(hé)Javascript文件的緩存時(shí)間(jiān)設置為(wèi)30天；如果是Apache Web服務器(qì)，則使用mod_cache模塊開(kāi)啓緩存功能。

4：優化css中的引用圖片。

假設一個(gè)頁面需要大(dà)量的周邊圖片，如下圖标等，如果這些(xiē)圖片都是單獨調用，那(nà)麽請(qǐng)求數(shù)就會(huì)加大(dà)，這就說明(míng)：cssimages過多(duō)，請(qǐng)求數(shù)就會(huì)增大(dà)，網站(zhàn)打開(kāi)速度就會(huì)變慢。

如果我們将頁面所需要使用的圖片合并在一張圖上(shàng)，那(nà)麽這些(xiē)圖片請(qǐng)求數(shù)就會(huì)變為(wèi)1，頁面速度相對就會(huì)加快。如何将需要的圖片放在一張圖上(shàng)并在相應的位置調用呢？方法在于坐(zuò)标定位。即：通(tōng)過css坐(zuò)标取得(de)圖片路徑，标簽中引用相應坐(zuò)标。

如果你(nǐ)對前端了解，那(nà)麽這些(xiē)都不是大(dà)問題，如果你(nǐ)不懂css，那(nà)麽CSS圖片合并生(shēng)成器(qì)類工具（百度即可(kě)）能直接提供相應內(nèi)容：合并css圖片，同時(shí)生(shēng)成相應代碼。

5：跳(tiào)轉代碼位置，跳(tiào)轉代碼加載順序。

網站(zhàn)被點擊後，頁面代碼是從上(shàng)到下加載的。因為(wèi)這個(gè)原因，我們就能對部分的腳本代碼做(zuò)相應的調整。

比較簡單，我們通(tōng)過查看與之間(jiān)的代碼，主要是Javascript腳本代碼，把不重要的，非必須的調整到頁面底部。隻要頁面能正常顯示，那(nà)麽其餘的統計(jì)代碼等都可(kě)以後一步加載。

如seo是什麽這個(gè)站(zhàn)點，分享等按鈕都放置到了底部。

6：壓縮圖像。

有(yǒu)數(shù)據顯示，圖片加載時(shí)間(jiān)是造成網站(zhàn)速度的最大(dà)因素，将圖片加載速度問題解決，頁面速度問題就解決了一大(dà)半。假設網站(zhàn)有(yǒu)大(dà)量jpg等格式的圖片，需要在不影(yǐng)響視(shì)覺的前提下，盡量對其壓縮，以減少(shǎo)圖片本身的大(dà)小(xiǎo)。與壓縮Javascript文件類似，有(yǒu)大(dà)量的在線工具提供相應壓縮服務，有(yǒu)大(dà)量的圖像編輯軟件如美圖秀秀等，都有(yǒu)壓縮功能。

7：服務器(qì)端開(kāi)啓gzip壓縮功能。

gzip壓縮是效率較高(gāo)的一種數(shù)據壓縮格式。如果開(kāi)啓gzip壓縮，壓縮率一般能達到75%左右，效果非常明(míng)顯。

大(dà)部分服務器(qì)如虛拟主機，VPS等都已經默認開(kāi)啓了這一項功能，如果沒有(yǒu)開(kāi)啓，你(nǐ)對相應設置又不會(huì)，建議直接聯系空(kōng)間(jiān)商，讓他們解決。

點評：

網站(zhàn)打開(kāi)速度的快與慢關系到用戶體(tǐ)驗的問題，關系到網站(zhàn)對搜索引擎傳遞的友(yǒu)好度問題，利用可(kě)實現的手段加快網站(zhàn)加載速度，顯得(de)不可(kě)或缺。