如何提高頁面加載速度以最大化結果

你聽過兔子和烏龜的故事嗎？ 你知道嗎，慢烏龜在賽跑中戰勝了傲慢、敏捷的兔子？ 好吧，這是一個謊言。 放慢腳步永遠不會讓任何人快速到達任何地方。 這只是常識和良好的業務。

好的，你有我們。 你可以從一些事情上慢慢來獲得好處，比如進食、衰老和帶著劍走下陡峭的樓梯。 但是當涉及到 SEO 時，沒有什麼比緩慢更糟糕的了。

所以做好準備，因為這將是通往更高排名的高速旅程。

為什麼擁有一個快速的網站很重要？

您是願意等待超過兩天的時間才能收到包裹、發送蝸牛郵件而不是短信，還是指指點點地等待網站加載？ 沒有一個頭腦正常的人會願意這樣做。 誰有時間？ 當然不是你的潛在客戶。

更快的加載頁面可以提高您網站的性能，提高 Google PageSpeed Insights 和 GTmetrix 分數，並在搜索結果中排名更好。

但頁面速度究竟對 SEO 有多大影響？ 緩慢的加載頁面速度可能導致：

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

每一秒，這些數字都變得越來越駭人聽聞：

• 僅兩秒的延遲後，跳出率就會大幅增加 103% 。
• 53% 的人會放棄加載時間超過三秒的網站。
• 由於網站的加載速度， 79% 不滿意的購物者不太可能再次購買。

如何查看我的頁面加載速度？

幾個在線基準測試工具測量頁面加載速度。 他們還可以向您展示您的站點有多大和資源密集程度，並提出改進建議。 最重要的是，您可以免費使用它們。

• Google PageSpeed Insights 對桌面和移動設備進行單獨測試，將加載時間區分為不同的階段。
  
• GTmetrix 給出了大小、頁面加載時間和資源分配的概覽，就像 YSlow 一樣。
  
• Pingdom 提供與 GTmetrix 類似的服務。
  
• WebPageTest 比其他的用戶友好性稍差，但往往更有洞察力。 值得注意的是它的高級選項，這些選項考慮了網站在不同瀏覽器中的表現。

運行這些測試時，請選擇最接近受眾實際位置的測試位置，因為這將提供最相關的結果。

現在您知道了您網站的頁面加載速度，讓我們看看您的時間是否合理。

我的網站應該加載多快？

通常，您的頁面應在三秒或更短時間內完全加載。

如果您的速度大約為三到五秒，那麼您的處境還算不錯，但您的頁面的表現不如當今移動優先標準所預期的那麼好。 任何超過五秒的時間都被認為是糟糕的。 但無論您的網站加載速度有多快，它總是可以從提升中受益。

您還應該注意首字節時間 (TTFB)。 （WebPageTest 和 PageSpeed Insights 顯示此數據。）TTFB 是瀏覽器在接受來自服務器的第一個字節數據之前等待的時間。 Google 建議使用 200 毫秒或更快的 TTFB。

以下是對頁面加載速度目標的更多了解：

• Pingdom 發現大多數頁面平均加載時間不到3.21 秒。
  
• 谷歌表示， 53% 的用戶只願意等待三秒鐘讓手機加載，然後再轉到另一個網站。
  
• Akamai 發現平均移動頁面加載速度為2.4 秒可帶來最佳轉化率。

但是如何提高頁面加載速度以達到三秒或更快的目標呢？

提高頁面加載速度的最佳方法是什麼？

有幾個因素會影響頁面加載速度。 有些策略可以馬上做，並且立竿見影。 其他人需要時間和測試才能看到好處。

以下是一些最佳方法：

1.啟用 gzip 壓縮。

2.優化圖片。

3.開啟瀏覽器緩存。

4.精簡 HTML、CSS 和 JavaScript。

5.減少 HTTP 請求。

6.減少服務器響應時間。

7.考慮實施 CDN。
獎勵：進行 WordPress 特定的改進。

各就各位！ 準備好！ 促進！

1 . 啟用 gzip 壓縮

壓縮會減小文件的大小，從而加快下載速度。 這是優化頁面加載速度的最簡單和最快的方法之一。 使用 gzip 進行壓縮幾乎是一種規範，儘管 Brotli 是一種替代但流行的方法。 啟用後，gzip 可以將 HTML、CSS 和 JavaScript 的大小減少多達 70%。 （運行 gzip 測試以查看是否已啟用它。）

大多數 WordPress 一體式性能插件都允許您選擇自動啟用壓縮。 您可以通過向 .htaccess 文件中添加一些代碼來手動啟用壓縮，以供那些動手能力更強或使用不同 CMS 的人使用。

2.優化圖像

導致頁面過大的一些典型罪魁禍首是圖像。 通常，您的圖片應根據以下內容適當調整大小並進行優化：

• 小於 100 KB。
• 設置為圖片將顯示的確切大小。
• 保存為 JPG（除非它是透明的，在這種情況下使用 PNG）。

圖像壓縮會導致質量顯著下降，因此不要讓您對更快加載時間的渴望對您網站設計的質量產生不利影響。 但至少，如果您的網站有 600 像素的寬度，例如，不要上傳 2,500 像素寬的圖片。

使用 Photoshop（付費）或 GIMP（免費）在上傳之前優化圖像。 為了增加壓縮，您還可以使用在線優化器，例如 TinyJPG。 如果您想要其他選項並使用像 WordPress 這樣的 CMS，Smush 和 EWWW Image Optimizer 是很好的備份插件。 一些插件還允許您啟用“延遲加載”功能，該功能優先顯示首屏內容，並且僅在訪問者向下滾動時加載您的圖片——大大減少您的服務器收到的請求。

3.啟用瀏覽器緩存

當訪問者返回您的站點時，他們的瀏覽器會重新下載腳本、圖像和样式表等文件 — 除非您啟用了瀏覽器緩存。

使用瀏覽器緩存，靜態文件保存在用戶的瀏覽器中。 因此，下次他們訪問您的網站時，他們不需要再次下載任何內容，因此您的頁面加載速度會快得多。

如果您使用的是 WordPress，則緩存相對容易。 WP Rocket 和 W3 Total Cache 等插件會指導您完成所有需要的步驟並為您進行設置。 只需確保一次只使用這些插件中的一個即可。 此外，手動啟用緩存有點複雜。

4. 壓縮 HTML、CSS 和 JavaScript

縮小可在不影響性能的情況下刪除冗餘或不必要的代碼。 這包括消除代碼註釋、冗長的函數名稱、間距等——所有這些對用戶不可見但會降低加載速度的東西。

WP Super Minify、WP Rocket 和 W3 Total Cache 等 WordPress 插件非常適合新手 Web 開發人員實現縮小。 您將需要為其他 CMS 和高級管理員執行手動縮小。 一些可以提供幫助的工具是：

• HTML 壓縮器。
• YUI 壓縮器或 CSS 壓縮器。
• JSCompress 或 JSMin。

5. 減少 HTTP 請求

這是一個很大的。 雖然它可能會變得棘手，但不要讓它嚇到你。 減少請求是頁面加載優化的最終目標。 您應該盡量將 HTTP 請求的數量保持在 50 以下或大約 50。

有很多方法可以簡化這些請求，並加快它們的速度。

6.減少服務器響應時間

更換服務器是您應該認真並即時進行的事情。 但是您的託管服務器在加載時間中起著至關重要的作用，因此了解您是否擁有最佳設置大有幫助。

最重要的是，請諮詢您的提供商以確保您的服務器有足夠的正常運行時間、提供足夠的帶寬並靠近您的目標受眾。 如果沒有，請考慮切換到不同的託管服務。

其他一些需要考慮的重要事項：

• PHP版本
  如果您的站點是基於 PHP 的，則應使用 PHP 7 或更高版本。 了解您正在使用的 PHP 和需要升級的 PHP 的最簡單方法是致電您的託管服務提供商。 但請記住，PHP 的更改會影響某些 WordPress 主題和插件。 如果有任何問題，您可以快速反轉服務器的 PHP。
  
• HTTP/2
  HTTP/2 是一種服務器端協議，可以極大地提高站點速度和效率。 並非所有網站都盡可能使用 HTTP/2。 您可以使用各種在線工具來檢查您的服務器是否支持 HTTP/2。 然後，聯繫您的託管服務提供商以了解您有哪些選擇。
  
• 託管類型
  大多數小型企業使用更便宜的共享託管服務器（如 Bluehost、GoDaddy 和 HostGator）。 網站流量較大的大型企業通常需要功能更強大的虛擬專用服務器或直接服務器來分發其內容。 使用預算和績效作為指標來確定您屬於哪個類別。

7. 考慮實施 CDN

內容交付網絡非常適合服務於許多國際地點或正在尋求提高其常規託管服務速度的頁面。 這些第三方付費服務不僅為您提供 HTTP/2 支持，而且還通過在廣泛的全球服務器網絡上託管您的文件來大大減少請求時間。

一些獨特的 CDN 選項包括：

• 雲焰。
• 堆棧路徑。
• 緩存飛。
• 谷歌云 CDN。

只有一些站點需要 CDN（儘管 GTmetrix 可能會建議），因此我們建議首先執行此列表中的其他策略。 如果您的加載時間仍然需要趕上，請考慮 CDN 一個可行的選擇。

獎勵：針對 WordPress 的改進

如果您使用 WordPress，其他因素可能會影響您的頁面加載時間。 您需要結合上面列出的其他方法來解決這些問題。

減少插件

插件非常棒，可以大大提高您網站的速度。 但是使用錯誤的插件會產生不利影響，安裝過多的插件會導致問題，從而大大降低您網站的性能。

這就是為什麼必須：

• 定期更新和維護您的插件。
• 定期刪除任何不必要或未使用的插件。
• 查看是否有更輕或更快的替代方案。
• 識別具有冗餘功能的插件。
• 刪除您可以輕鬆手動完成的任務的插件。

例如，假設您安裝了 Google Analytics 插件。 在這種情況下，您最好自己添加代碼段，通過 Google 跟踪代碼管理器或通過插入頁眉和頁腳插件（比前者小得多）。

為了幫助定位問題，Page Performance Profiler 等出色的插件評估工具可以識別哪些插件正在影響您的頁面加載速度。 （完成後不要忘記將其刪除。）

清理你的數據庫

隨著時間的推移，WordPress 數據庫可能會因保存的草稿、發布的修訂以及網站運行不需要的其他內容而陷入困境。 偶爾清理這些混亂有助於提高您網站的速度。 一些一體機性能插件也有此功能（類似於 WP Rocket），或者您可以使用 WP-Optimize 插件。

更新 CMS 和主題

確保您始終使用最新版本的主題和 WordPress 安裝。 （在這樣做之前不要忘記備份您的網站。）如果您的網站在更新並進行上述所有更改後仍然運行緩慢，您可以考慮完全嘗試一個新主題。 雖然主題使您的網站看起來更好，但它們會帶來很多負擔，使您的網站陷入困境。

快速的頁面加載速度比以往任何時候都更加重要

如果你碰巧錯過了，谷歌現在完全專注於移動設備。 而且它不會很快改變，因此您的頁面必須盡快加載。

我們所有人的注意力持續時間都很短——而且他們只會在一秒鐘內變短。 如果您的頁面不能快速加載，大量的貓視頻可以並且將會。 你還在等什麼？ 現在是時候開始了！ 立即實施這些頁面速度和頁面體驗改進，因為 SERP 不等人。