提高網站頁面載入速度的方法
我們在訪問一些網站時,總是感覺頁面載入的速度不夠快,這是什麼原因導致的呢?作為網站的開發者又能做哪些優化,來提高頁面的載入速度呢?
工具/原料
- 網頁開發工具
方法/步驟
-
1
優化影象。影象能吸引訪客的注意,但是每一張圖片都需要從伺服器下載到訪客的電腦中,這無疑增加了頁面的載入時間。因此,必須優化影象。優化方法包括適當減小圖片尺寸,降低圖片的顏色深度。
-
2
去掉不必要的外掛。一些免費的外掛能夠增強網頁的功能,但是如果添加了過多的外掛,就會增加伺服器的負擔和頁面載入時間。在構建頁面時,去掉不必要的外掛,用一些內建的功能來代替外掛。
-
3
減少DNS查詢。DNS查詢需要花費較長時間來返回IP地址,而瀏覽器在查詢結果返回之前不會做任何操作。具有多種網路元素的頁面,需要進行多次的DNS查詢,花費的時間更長。減少不同域名的數量,就會減少DNS的查詢,從而加速頁面載入速度。
-
4
減少使用重定向。重定向增加了額外的HTTP請求,甚至有時候鏈向多個域名或是不存在的頁面,大大的增減了延遲時間,因此要減少重定向。
-
5
使用內容分發網路CDN。伺服器在處理大流量的資料是十分困難的,這最終導致頁面載入速度變慢。CDN是位於全球不同地方的高效能網路服務,它會複製你網站的靜態資源,並以最有效的方式來為訪客服務。使用CDN,可以提升頁面的載入速度。
-
6
把CSS檔案放在頁面頭部,JS檔案放在底部。
把CSS檔案放在頭部可以禁止逐步渲染,節省瀏覽器載入和重繪頁面元素的資源。把JS檔案放在頁面底部可以避免程式碼執行前的等待時間,從而提升頁面的載入速度。
-
7
利用瀏覽器快取。
瀏覽器快取是允許訪客的瀏覽器快取你網站頁面副本的一個功能。訪客再次訪問時,直接從快取中讀取內容而不需要重新載入。優化網站的快取系統會降低網站的頻寬和託管費用。
-
8
使用CSS Sprites整合影象。
影象始終是網站優化時的頑疾。可以使用CSS Sprites來整合多個影象到幾個輸出檔案,從而減少下載資源的往返次數和延遲,從而提高頁面的載入速度。
-
9
壓縮CSS和JavaScript。
壓縮會移除一些不必要的字元,從而幫助減少檔案大小和網頁後續的載入時間。
-
10
啟用GZIP壓縮。
在伺服器上壓縮網站的頁面能很好地提升網站訪問速度。GZIP可以幫我們完成壓縮必要資源,從而給使用者傳送最小的HTML檔案和CSS/JS等資源。
END
注意事項
- 網站優化的一些心得,希望能幫到大家。