網站(zhàn)建設中幾乎每個人都會(huì)遇到(dào)的問題，網站(zhàn)打開(kāi)速度慢！今天，深圳高(gāo)端網站(zhàn)建設公司-海風(fēng)交互就來(lái)分享下(xià)相關經驗。

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

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

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

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

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

有數據顯示，流量器會(huì)花(huā)費8成的時(shí)間來(lái)加載腳本，css樣式表，圖片等網站(zhàn)元素，隻有約2成的時(shí)間會(huì)用(yòng)于加載網站(zhàn)其他(tā)的主要文(wén)字内容。問題是各個網站(zhàn)都會(huì)有HTTP請(qǐng)求，且同一個時(shí)間内隻能(néng)有2個HTTP請(qǐng)求，這(zhè)樣的問題下(xià)，假設有大(dà)于2個的HTTP請(qǐng)求一同請(qǐng)求，那麽勢必會(huì)降低(dī)網站(zhàn)打開(kāi)速度。如圖：找到(dào)了(le)HTTP請(qǐng)求對(duì)網頁速度的影響，下(xià)一步的解決辦法就是降低(dī)HTTP請(qǐng)求數。

三：對(duì)Javascript代碼和(hé)css代碼以及圖片進行服務器端的緩存設置

大(dà)家有發現(xiàn)這(zhè)樣一個情況，假設用(yòng)戶第一次訪問了(le)你(nǐ)的網站(zhàn)，那麽用(yòng)戶下(xià)一次再次訪問你(nǐ)的站(zhàn)點，速度就會(huì)更快(kuài)。這(zhè)是什(shén)麽原因呢(ne)?原因在于浏覽器緩存。

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

四：優化css中的引用(yòng)圖片

假設一個頁面需要大(dà)量的周邊圖片，如下(xià)圖标等，如果這(zhè)些(xiē)圖片都是單獨調用(yòng)，那麽請(qǐng)求數就會(huì)加大(dà)，這(zhè)就說明(míng)：cssimages過多，請(qǐng)求數就會(huì)增大(dà)，網站(zhàn)打開(kāi)速度就會(huì)變慢。如果我們将頁面所需要使用(yòng)的圖片合并在一張圖上(shàng)，那麽這(zhè)些(xiē)圖片請(qǐng)求數就會(huì)變爲1，頁面速度相對(duì)就會(huì)加快(kuài)。如何将需要的圖片放(fàng)在一張圖上(shàng)并在相應的位置調用(yòng)呢(ne)?方法在于坐(zuò)标定位。即：通過css坐(zuò)标取得圖片路徑，标簽中引用(yòng)相應坐(zuò)标。

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

五：跳轉代碼位置，跳轉代碼加載順序

網站(zhàn)被點擊後，頁面代碼是從(cóng)上(shàng)到(dào)下(xià)加載的。因爲這(zhè)個原因，我們就能(néng)對(duì)部分的腳本代碼做相應的調整。比較簡單，我們通過查看(kàn)與之間的代碼，主要是Javascript腳本代碼，把不重要的，非必須的調整到(dào)頁面底部。隻要頁面能(néng)正常顯示，那麽其餘的統計(jì)代碼等都可以後一步加載。如seo是什(shén)麽這(zhè)個站(zhàn)點，分享等按鈕都放(fàng)置到(dào)了(le)底部。

六：壓縮圖像

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

七：服務器端開(kāi)啓gzip壓縮功能(néng)

gzip壓縮是效率較高(gāo)的一種數據壓縮格式。如果開(kāi)啓gzip壓縮，壓縮率一般能(néng)達到(dào)75%左右，效果非常明(míng)顯。大(dà)部分服務器如虛拟主機，VPS等都已經默認開(kāi)啓了(le)這(zhè)一項功能(néng)，如果沒有開(kāi)啓，你(nǐ)對(duì)相應設置又不會(huì)，建議(yì)直接聯系空(kōng)間商，讓他(tā)們解決。

以上(shàng)7點就是深圳海風(fēng)交互根據多年來(lái)的建站(zhàn)經驗給大(dà)家做的分享，希望可以幫到(dào)友友們！加油，趕快(kuài)給自(zì)己的網站(zhàn)瘦瘦身、加加速吧！！