加速你的網站

加速網頁或網站與找到合適的託管服務商或域名一樣重要。為什麼？

只需閱讀以下統計資料，你就會改變主意。

一秒鐘的頁面載入時間會導致：

• 頁面瀏覽量減少11%。
• 客戶滿意度下降16%。
• 轉化率下降7%。

亞馬遜發現這一點是真實的，根據其小組報告，他們報告稱，每將網站速度提高100毫秒，收入就會增加1%。

根據Akamai進行的一項研究結果：

• 47%的人希望網頁在兩秒鐘或更短的時間內載入。

• 40%的人會在網頁載入超過三秒時放棄。

• 52%的線上購物者表示，快速的頁面載入速度對他們對網站的忠誠度至關重要。

如何測試我的網站速度？

一些該領域的知名專家建議使用一個名為Webpagetest (https://www.webpagetest.org/)的線上工具。這是一個開源專案，主要由谷歌開發和支援。它使用真實的瀏覽器（IE和Chrome）和真實的消費者連線速度，從全球多個位置對網站速度進行測試。您可以執行簡單的測試或執行高階測試，包括多步驟事務、影片捕獲、內容阻止等等。您的結果將提供豐富的診斷資訊，包括資源載入瀑布圖、頁面速度最佳化檢查以及改進建議。

在我們的示例中，我們將測試tutorialspoint.com對來自德國使用者的效能，使用Chrome瀏覽器。

要執行測試，請開啟URL https://www.webpagetest.org/

輸入域名，如下面的螢幕截圖所示：

• 測試位置 - 這是使用者位置所在的國家/地區。
• 瀏覽器 - 用於模擬使用者的瀏覽器。
• 點選“開始測試”。

我們將在主頁上獲得以下結果。它將顯示開啟網頁及其相應元素所需的所有時間。

如果我們轉到效能審查部分，它將指示哪些元素需要最佳化。

如何加速我的網站？

加速網站的基本技巧如下：

• 最小化HTTP請求 - 簡單來說，簡化你的網頁設計。

• 最小化伺服器響應時間 - 根據使用者的地理位置，伺服器響應時間會發生變化，這是因為它們之間的距離。建議如果你的大部分訪問者都在一個特定的區域，你的託管服務商也應該位於那裡，這樣可以縮短資料的傳輸距離。

• 啟用壓縮 - 壓縮減少了頁面的頻寬，從而減少了HTTP響應。你可以使用名為Gzip的工具來實現。

• 啟用瀏覽器快取 - 當你訪問一個網站時，頁面的元素會儲存在快取儲存中，所以下次你訪問該網站時，你的瀏覽器可以載入頁面，而無需向伺服器傳送另一個HTTP請求。

• 最佳化網站圖片。

• 如果可能，CSS交付應該放在外部。外部樣式表是首選，因為它減少了程式碼的大小並減少了程式碼重複。

• 減少重定向，因為它們會建立HTTP請求。

• 如果你的網站是內容管理系統平臺，那麼儘可能減少外掛的使用。

• 從你的JavaScript、CSS和圖片URL中刪除損壞的連結。

在下一章中，我們將學習如何宣傳網頁。