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