天天看點

高效率的網站打開速度優化方法

  網站打開速度的快與慢,直接關系到訪客的使用者體驗度。網站被加載的速度與多個要素相關,如伺服器優于劣,網絡帶寬大與小,頁面代碼繁與簡等。如果受限于資金,那麼通過優化網頁代碼來加速網站打開速度,就是很有效的方法。以下是網站打開速度優化的方法詳解。

  一:壓縮或精簡Javascript代碼和css代碼。

  無論什麼類型的網站,使用者第一次點選網站的時候,都會加載網站的Javascript和css代碼,假設這些代碼冗多,勢必會降低網站打開速度。

  如果有這樣的問題,就要對代碼進行壓縮或精簡。壓縮方面,有大量的第三方工具如站長之家的CSSJS壓縮工具可供大家直接免費試用,經過壓縮的代碼,普遍能減小40%到65%。精簡方面,能用一個樣式控制就不用兩個,思路是既能滿足網站的頁面布局,又是最小的代碼量。

  二:降低HTTP請求。

  有資料顯示,流量器會花費8成的時間來加載腳本,css樣式表,圖檔等網站元素,隻有約2成的時間會用于加載網站其他的主要文字内容。問題是各個網站都會有HTTP請求,且同一個時間内隻能有2個HTTP請求,這樣的問題下,假設有大于2個的HTTP請求一同請求,那麼勢必會降低網站打開速度。如圖:

  找到了HTTP請求對網頁速度的影響,下一步的解決辦法就是降低HTTP請求數。

  3:對Javascript代碼和css代碼以及圖檔進行伺服器端的緩存設定。

  大家有發現這樣一個情況,假設使用者第一次通路了你的網站,那麼使用者下一次再次通路你的站點,速度就會更快。這是什麼原因呢?原因在于浏覽器緩存。

  大多數伺服器,或空間已經預設設定了緩存功能,站長或者seoer要做的就是在背景設定相應檔案類型以及過期時間。在此,建議為:如果是windows主機,就将圖檔,css和Javascript檔案的緩存時間設定為30天;如果是Apache Web伺服器,則使用mod_cache子產品開啟緩存功能。

  4:優化css中的引用圖檔。

  假設一個頁面需要大量的周邊圖檔,如下圖示等,如果這些圖檔都是單獨調用,那麼請求數就會加大,這就說明:cssimages過多,請求數就會增大,網站打開速度就會變慢。

  如果我們将頁面所需要使用的圖檔合并在一張圖上,那麼這些圖檔請求數就會變為1,頁面速度相對就會加快。如何将需要的圖檔放在一張圖上并在相應的位置調用呢?方法在于坐标定位。即:通過css坐标取得圖檔路徑,标簽中引用相應坐标。

  如果你對前端了解,那麼這些都不是大問題,如果你不懂css,那麼CSS圖檔合并生成器類工具(百度即可)能直接提供相應内容:合并css圖檔,同時生成相應代碼。

  5:跳轉代碼位置,跳轉代碼加載順序。

  網站被點選後,頁面代碼是從上到下加載的。因為這個原因,我們就能對

部分的腳本代碼做相應的調整。

  比較簡單,我們通過檢視

與之間的代碼,主要是Javascript腳本代碼,把不重要的,非必須的調整到頁面底部。隻要頁面能正常顯示,那麼其餘的統計代碼等都可以後一步加載。

  如seo是什麼這個站點,分享等按鈕都放置到了底部。

  6:壓縮圖像。

  有資料顯示,圖檔加載時間是造成網站速度的最大因素,将圖檔加載速度問題解決,頁面速度問題就解決了一大半。假設網站有大量jpg等格式的圖檔,需要在不影響視覺的前提下,盡量對其壓縮,以減少圖檔本身的大小。與壓縮Javascript檔案類似,有大量的線上工具提供相應壓縮服務,有大量的圖像編輯軟體如美圖秀秀等,都有壓縮功能。

  7:伺服器端開啟gzip壓縮功能。

  gzip壓縮是效率較高的一種資料壓縮格式。如果開啟gzip壓縮,壓縮率一般能達到75%左右,效果非常明顯。

  大部分伺服器如虛拟主機,VPS等都已經預設開啟了這一項功能,如果沒有開啟,你對相應設定又不會,建議直接聯系空間商,讓他們解決。

  點評:

  網站打開速度seo優化,網站打開速度的快與慢關系到使用者體驗的問題,關系到網站對搜尋引擎傳遞的友好度問題,利用可實作的手段加快網站加載速度,顯得不可或缺。

繼續閱讀