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

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

一(yī)：壓縮或精簡Javascript代碼和css代碼

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

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

二：降低(dī)HTTP請求

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

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

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

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

四：優化css中的引用圖片

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

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

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

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

六：壓縮圖像

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

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

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

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