網站建設中幾乎每個人都(dōu)會遇到的問題,網站打開速度慢!今天,深圳高端網站建設公司-海風交互就(jiù)來分享下相關經驗。
網站打開速度的快與慢,直接關系到訪客的用戶體驗度。網站被(bèi)加載的速度與多個要素相關,如服務器優于劣,網絡帶寬大與小,頁面(miàn)代碼繁與簡等。如果受限于資金,那麽通過優化網頁代碼來加速網站打開速度,就(jiù)是很有效的方法。
一:壓縮或精簡Javascript代碼和css代碼
無論什麽類型的網站,用戶第一次點擊網站的時候,都(dōu)會加載網站的Javascript和css代碼,假設這些代碼冗多,勢必會降低網站打開速度。
如果有這樣的問題,就(jiù)要對代碼進行壓縮或精簡。壓縮方面(miàn),有大量的第三方工具如站長之家的CSSJS壓縮工具可供大家直接免費試用,經過壓縮的代碼,普遍能(néng)減小40%到65%。精簡方面(miàn),能(néng)用一個樣式控制就(jiù)不用兩個,思路是既能(néng)滿足網站的頁面(miàn)布局,又是最小的代碼量。
二:降低HTTP請求
有數據顯示,流量器會花費8成(chéng)的時間來加載腳本,css樣式表,圖片等網站元素,隻有約2成(chéng)的時間會用于加載網站其他的主要文字内容。問題是各個網站都(dōu)會有HTTP請求,且同一個時間内隻能(néng)有2個HTTP請求,這樣的問題下,假設有大于2個的HTTP請求一同請求,那麽勢必會降低網站打開速度。如圖:找到了HTTP請求對網頁速度的影響,下一步的解決辦法就(jiù)是降低HTTP請求數。
三:對Javascript代碼和css代碼以及圖片進行服務器端的緩存設置
大家有發現這樣一個情況,假設用戶第一次訪問了你的網站,那麽用戶下一次再次訪問你的站點,速度就(jiù)會更快。這是什麽原因呢?原因在于浏覽器緩存。
大多數服務器,或空間已經默認設置了緩存功能(néng),站長或者seoer要做的就(jiù)是在後台設定相應文件類型以及過期時間。在此,建議爲:如果是windows主機,就(jiù)將(jiāng)圖片,css和Javascript文件的緩存時間設置爲30天;如果是Apache Web服務器,則使用mod_cache模塊開啓緩存功能(néng)。
四:優化css中的引用圖片
假設一個頁面(miàn)需要大量的周邊圖片,如下圖标等,如果這些圖片都(dōu)是單獨調用,那麽請求數就(jiù)會加大,這就(jiù)說明:cssimages過多,請求數就(jiù)會增大,網站打開速度就(jiù)會變慢。如果我們將(jiāng)頁面(miàn)所需要使用的圖片合并在一張圖上,那麽這些圖片請求數就(jiù)會變爲1,頁面(miàn)速度相對就(jiù)會加快。如何將(jiāng)需要的圖片放在一張圖上并在相應的位置調用呢?方法在于坐标定位。即:通過css坐标取得圖片路徑,标簽中引用相應坐标。
如果你對前端了解,那麽這些都(dōu)不是大問題,如果你不懂css,那麽CSS圖片合并生成(chéng)器類工具(百度即可)能(néng)直接提供相應内容:合并css圖片,同時生成(chéng)相應代碼。
五:跳轉代碼位置,跳轉代碼加載順序
網站被(bèi)點擊後,頁面(miàn)代碼是從上到下加載的。因爲這個原因,我們就(jiù)能(néng)對部分的腳本代碼做相應的調整。比較簡單,我們通過查看與之間的代碼,主要是Javascript腳本代碼,把不重要的,非必須的調整到頁面(miàn)底部。隻要頁面(miàn)能(néng)正常顯示,那麽其餘的統計代碼等都(dōu)可以後一步加載。如seo是什麽這個站點,分享等按鈕都(dōu)放置到了底部。
六:壓縮圖像
有數據顯示,圖片加載時間是造成(chéng)網站速度的最大因素,將(jiāng)圖片加載速度問題解決,頁面(miàn)速度問題就(jiù)解決了一大半。假設網站有大量jpg等格式的圖片,需要在不影響視覺的前提下,盡量對其壓縮,以減少圖片本身的大小。與壓縮Javascript文件類似,有大量的在線工具提供相應壓縮服務,有大量的圖像編輯軟件如美圖秀秀等,都(dōu)有壓縮功能(néng)。
七:服務器端開啓gzip壓縮功能(néng)
gzip壓縮是效率較高的一種數據壓縮格式。如果開啓gzip壓縮,壓縮率一般能(néng)達到75%左右,效果非常明顯。大部分服務器如虛拟主機,VPS等都(dōu)已經默認開啓了這一項功能(néng),如果沒有開啓,你對相應設置又不會,建議直接聯系空間商,讓他們解決。
以上7點就(jiù)是深圳海風交互根據多年來的建站經驗給大家做的分享,希望可以幫到友友們!加油,趕快給自己的網站瘦瘦身、加加速吧!!