減少 HTTP 請求和加載時間的 6 個最佳 WordPress 插件

已發表: 2023-03-17

您的 WordPress 網站速度很慢，而且您已經運行了多次性能測試，但最終只得到一長串改進建議。

但是在使用插件列表打開 50 個新標籤之前，您可能需要檢查您的網站生成的 HTTP 請求數。

容易錯過的、過多的 HTTP 請求會對網站速度、性能、SERP 排名和轉化率產生巨大影響。

在本文中，我們將介紹：

什麼是 HTTP 請求
減少 WordPress 上的 HTTP 請求的重要性
如何檢查和分析您的 HTTP 請求
大量 HTTP 請求的最常見原因
6 WordPress 插件減少 HTTP 請求
HTTP 請求最佳實踐

讓我們開始吧！

什麼是 HTTP 請求？

每當用戶打開網站時，他們的 Web 瀏覽器都會向服務器發送加載文本、圖像、視頻和其他資源等內容的信號。然後服務器通過發回請求的資源來響應。

此信號也稱為 HTTP 請求，HTTP 請求的數量直接對應於網站提供內容和互動所需的資源數量。

HTTP 請求的數量越多，您的網站正確加載所需的時間就越長。這就是為什麼減少它們是解決 WordPress 網站速度慢的最有效方法之一。

為什麼減少 WordPress 上的 HTTP 請求很重要？

總的來說，減少 HTTP 請求是改善加載時間和性能的關鍵步驟，最終會為您的 WordPress 網站帶來更好的搜索引擎優化、增加流量和更成功的轉換。

事實上，高達 70% 的用戶承認網站速度直接影響他們停留的意願，而 53% 的用戶會乾脆放棄加載時間較長的網站。

在 Google 看來，網站速度對於在線業務的成功至關重要。通過減少 WordPress 網站上的 HTTP 請求數量，您不僅可以提高速度和性能，還可以確保：

降低跳出率
更好的用戶體驗和參與度
提高用戶滿意度和轉化率
在 SERP 中排名更高（+更多的知名度和流量）

如何查看和分析您網站的 HTTP 請求？

如果您懷疑您的 WordPress 網站執行過多的 HTTP 請求，您的第一步是確認它。

有幾種流行的方法可用於檢查和分析您網站的 HTTP 請求：

Chrome 開發人員工具：右鍵單擊網頁並選擇“檢查”或按 F12 鍵。在開發人員工具中，導航到“網絡”選項卡以查看網頁發出的所有 HTTP 請求，以及它們的狀態代碼和響應時間。

在線工具：有關您站點的 HTTP 請求的詳細報告，您可以嘗試使用 GTmetrix 或 Pingdom。兩者都會分析您網站的性能、確定優化機會並提供改進建議。

來自 GTmetrix 報告測試 www.google.com 的片段

不確定您應該首先關注哪些資源？檢查導致過多 HTTP 請求的最常見罪魁禍首是什麼，以突出顯示您應該首先優化的問題。

HTTP 請求過多的最常見原因

太多不必要或繁重的插件

不必要的或資源密集型插件會降低網站的性能並增加加載時間。重要的是只使用對您的業務至關重要並且對您網站代碼的影響最小的插件。

在站點範圍內加載腳本的插件

有些插件會在每個網站頁面上加載，即使腳本只在某些頁面上需要。這不僅會增加 HTTP 請求的數量，還會使您可能要付費的插件貶值。

不必要和/或未優化的圖像

未經優化的大圖像會使您網站的資源和加載它們的 HTTP 請求數量膨脹。他們通常是第一個進行優化的人，並進行審查以確定哪些對用戶體驗至關重要，哪些可以進行。

非延遲加載的圖像和視頻

在需要之前加載圖像和視頻是一個常見的錯誤，它會堆疊不必要的 HTTP 請求。延遲加載它們將有助於極大地優化初始頁面加載中的請求數量。

大量未優化的 WordPress 主題

包含不必要資源、奢侈效果且未針對速度進行優化的主題可能會降低網站速度並損害性能。通過選擇 Astra 和 Superb Pixels 等久經考驗的主題，您可以將 HTTP 請求減少到最低限度，而不會犧牲網站的外觀和功效。

第三方 HTTP 請求過多

第三方腳本和資源，例如社交媒體小部件或跟踪像素，可以緩慢但肯定地增加 HTTP 請求的數量。重要的是只使用必要的第三方腳本和資源並異步加載它們以減少對頁面加載時間的影響。

多個 CSS 樣式表和 JavaScript 文件分別加載

多個 CSS 樣式表和 JavaScript 文件可以說是最難優化的。幸運的是，合併和縮小此類文件可以減少 HTTP 請求的數量並增加加載時間。

渲染阻止 JavaScript 和 CSS

呈現阻止資源會延遲您網站的加載並損害您網站的性能。延遲或異步加載這些資源以減少它們對頁面加載時間的影響非常重要。

不使用 CDN

如果沒有 CDN，您網站的資源只能從單個服務器位置提供。 CDN 可以將資源分佈到多個服務器位置，從而減少加載資源所需的時間並提高站點速度。

未優化的 HTML、CSS 和 JavaScript

低效的編碼實踐、不必要的空格和切片代碼極大地導致了過多的 HTTP 請求。手動優化以及通過插件進行優化是解決此問題的好方法。

捲起袖子獨自挑戰每一個問題可能是不可能的。除非你有一個專門的網絡性能團隊並且願意投入大量資源來維護它，否則你可能需要考慮替代方案。

特別是當我們精心挑選了可以輕而易舉地優化 HTTP 請求的工具時。

6 個減少 HTTP 請求的最佳 WordPress 插件（免費和付費）

1.NitroPack 360性能優化

NitroPack 插件是為忙碌的 WordPress 網站所有者設計和開發的。與其他僅專注於處理特定資源的插件不同，NitroPack 為您提供 360 度優化堆棧以減少 HTTP 請求等等 – 高級緩存、完整的圖像優化、HTML/CSS/JavaScript 縮小和壓縮，以及世界一流的內置Cloudflare 的 CDN。

安裝後，NitroPack 會自動應用 35 多項高級優化，無需額外微調。目前，168K+ 活躍用戶享有 90+ PageSpeed 分數，通過了 Core Web Vitals，以及 24/7 專家技術支持。

評分：4.3
安裝數量：160,000+
價格：提供免費和付費計劃

2.雲彩CDN

Cloudflare 是一家內容分發網絡 (CDN) 和網絡安全公司，為全球 3000 萬個網站和網絡應用程序提供在線服務。其 CDN 網絡由位於 100 多個國家/地區的 200 多個數據中心組成，可以快速高效地向最終用戶交付內容。

得益於 Cloudflare 的邊緣緩存、負載平衡和壓縮，您可以顯著減少對服務器發出的 HTTP 請求的數量。此外，您的內容加載速度平均提高 60%，您網站的可擴展性也會提高。

評級：9.1 在 TrustRadius
安裝數量：3+萬
價格：提供免費和付費計劃

3. a3 Lazy Load 用於資源延遲加載

a3 Lazy Load 是一個專注於延遲加載圖像、視頻和 iframe 的 WordPress 插件。該插件僅在用戶視口中可見時加載這些元素，減少了最初需要加載的數據量，這意味著當訪問者登陸您的網站時，HTTP 請求更少。

評分：4.3
安裝數量：100,000+
價格：免費

4. Fast Velocity Minify 用於資源壓縮

Fast Velocity Minify 通過合併、縮小和緩存 CSS、JavaScript 和 HTML 文件，幫助優化瀏覽器發出的 HTTP 請求的數量。它可以幫助您顯著減小文件大小並提高網站的整體速度。

評分：4.6
安裝數量：70,000+
價格：免費

5. EWWW Image Optimizer 用於圖像優化

EWWW Image Optimizer 為新圖像和現有圖像提供各種優化技術，包括無損和有損壓縮、調整大小以及轉換為 WebP 格式。 EWWW Image Optimizer 與流行的頁面構建器兼容，並支持多種文件類型，包括 PNG、JPEG、GIF 和 PDF，以幫助您減少加載網頁所需的 HTTP 請求數。

評分：4.7
安裝數量：1+萬
價格：提供免費和付費功能

6.插件管理器

Plugin Organizer 幫助您控制插件，更具體地說，控制它們在您網站上的加載位置。通過減少在站點範圍內加載的插件數量，您將顯著減少瀏覽器發出的 HTTP 請求的數量。

評分：4.7
安裝數量：20,000+
價格：免費

有多少 HTTP 請求太多了？

本質上，HTTP 請求並不壞。它們是您網站內容呈現過程中不可或缺的一部分，只有當它們過多時才會對您的網站有害。

也就是說，您可能想知道—— “多少 HTTP 請求是好的做法？”

小型或中型網站的理想 HTTP 請求數少於 25，但您的目標應該是少於 50，以獲得更易於管理的初始規模。

請務必注意，最佳 HTTP 請求數可能會因 WordPress 網站的大小和復雜性而異。 一個好的經驗法則是盡可能通過組合和縮小文件來嘗試將 HTTP 請求的數量保持在最低限度。

具有優化的 HTTP 請求數量的網站的一些特殊示例包括：

Amazon.com：儘管是一個擁有許多圖片和資源的大型電子商務網站，但亞馬遜豐富的主頁平均有 260 個 HTTP 請求，加載時間無可挑剔。
Medium.com：託管博客和文章的 Medium 平台在初始加載時只有 80 個 HTTP 請求。
Getbootstrap.com：Bootstrap網站提供了一個流行的前端開發框架，在其主頁上展示了教科書式的 HTTP 請求優化，令人印象深刻的 20 個請求。
Basecamp.com：Basecamp的項目管理平台只發送 36 個 HTTP 請求。

這些網站優化了它們的資源、組合文件並使用有效的編碼實踐來將 HTTP 請求的數量保持在最低限度，從而產生了快速加載、高性能的網站。

下一步

為您的案例選擇減少 HTTP 請求的最佳工具將取決於您的要求、預算和優化策略。

為確保您的站點的最佳性能，重要的是繼續運行測試以確認新引入的解決方案正在發揮作用。

此外，不要忘記監控您網站的分析，特別是您的流量和用戶行為。如果在解決過多 HTTP 請求的問題後網站的跳出率下降並且網站的平均停留時間增加，則這是一個好兆頭，表明這些更改已經提高了網站的性能。