如何減少WordPress網站中的HTTP請求

您是否要減少WordPress網站中的HTTP請求數量?大。您正在努力提高WordPress網站的速度。

大多數WordPress網站的頁面載入時間都很長,所有者通常不知道應採取什麼措施以及應避免什麼措施。影響網站速度和載入時間的因素之一是HTTP請求,在本文中,我將指導您如何減少WordPress網站上的HTTP請求數量。

在WPblog上,我們已經廣泛撰寫了有關如何加快WordPress網站和網站性能的文章:

  1. 2020年加速WordPress網站的28種方法
  2. 如何配置MaxCDN來加快WordPress網站的速度?
  3. 影響網站載入速度的5大因素
  4. 2020年20個最快載入WordPress主題以加快頁面速度

另外,有許多方法可以檢查您的WordPress網站的速度,因此除了本指南之外,您還可以採取所有其他措施來加快您的WordPress網站的速度。

現在,讓我們回到房間里的大象:如何減少WordPress中HTTP請求的數量!

在破壞代碼之前,您需要了解什麼是HTTP以及如何查看這些HTTP請求。

讓我們找出答案。

什麼是HTTP?

HTTP或「超文本傳輸​​協議」是一種客戶端-伺服器協議,允許獲取諸如HTML文檔之類的資源。 HTTP基本上是互聯網上數據交換的基礎,沒有HTTP,您將無法在任何網站上查看文件和其他文檔。客戶端和伺服器之間的任何通信都是通過HTTP請求和HTTP響應完成的。

當您訪問任何站點時,客戶端瀏覽器會將HTTP請求發送到伺服器,以獲取文本內容,圖像文件,CSS,Javascript和視頻等。也就是說,網站的所有內容都是通過HTTP獲取的!

我們已經詳細討論了HTTP 2的重要性,以及如果您想更深入地了解HTTP的話,為什麼對WordPress網站如此重要!

如何查看HTTP請求?

您可以使用瀏覽器中的開發人員工具查看網站的HTTP請求。例如,在Google Chrome瀏覽器中,按CTRL + SHIFT +我打開開發者工具,或者您可以在任何頁面上右鍵單擊滑鼠,然後單擊「檢查」以打開開發者工具。

檢查HTTP請求

接下來,單擊「網路」並刷新頁面;以下屏幕將出現在開發人員的工具上。

HTTP請求

現在,您可以檢查您的站點元素,還可以檢查站點上HTTP請求的數量。

太棒了!現在,您知道了如何檢查站點上的HTTP請求數。現在讓我們開始如何減少WordPress上的HTTP請求以使其更快。

如何在WordPress中減少HTTP請求

要強制WordPress發出更少的HTTP請求,您只需要遵循以下概述的技術即可:

  1. 創建CSS圖像精靈

    圖像精靈是放入單個圖像中的圖像的集合。由於多個圖像需要花費時間來載入並生成更多請求,因此相比之下,單個圖像可以節省時間和帶寬。

    在此示例中(我在w3schools.com上進行了測試),您具有「首頁」,「下一步」和「返回」三個不同的圖標。但它們合併為一張圖像,並使用部分圖像進行預覽。

    圖片精靈

    您可以在下面的圖像中看到,我對三個不同的ID(首頁,下一個,背面)分別使用了一個圖像URL三次,在每個ID中,它預覽了一個不同的圖像圖標。為什麼?通過在樣式表的“px”中添加其位置,我們可以預覽圖像的任何特定位置,這有助於減少WordPress網站上的HTTP請求數量,並且頁面載入速度更快。

    圖像精靈動作中

  2. 刪除不必要的圖像

    我們所有人的媒體文件中都有不需要的圖像。從媒體庫中刪除所有未使用和不必要的圖像也有助於減少請求。

  3. 減少檔案大小

    您還可以通過減小圖片大小來提高站點伺服器的速度和請求數量。在將它們上傳到WordPress網站之前,請務必先優化您的wordpress網站圖片大小,因為它有助於提高網站的速度。

  4. 優化外部圖像

    影響HTTP請求數量和站點速度的主要因素之一是外部映像。這些可以是用戶在評論部分中添加的圖像或他們的個人資料圖片。 Gravatar圖像是外部圖像的一個很好的例子,它增加了HTTP請求的數量,並可能減慢頁面載入時間。為避免這種情況,您可以在注釋部分使用一個插件,例如Disqus,以幫助您處理不必要的HTTP請求。

  5. 刪除不必要的文件

    刪除不必要的圖像不足以減少WordPress中的HTTP請求。有時,由於插件或數據文件在後台運行,因此未用於生成HTTP請求。只需卸載或刪除這些插件或數據文件,即可在WordPress網站上發出更少的HTTP請求

  6. 延遲載入

    您也可以通過WordPress插件(如「延遲載入」)發出更少的HTTP請求,該方法僅載入屏幕上可見的圖像。其餘圖像僅在用戶向下滾動並顯示頁面其餘部分時載入。這是在WordPress網站上設置延遲載入的指南。

  7. 使用緩存插件

    緩存插件是減少HTTP請求數量的最有把握的方法之一。在客戶端,Web瀏覽器將構建並保留WordPress站點中所有數據文件的緩存。保存後,您的網站將自動載入頁面,而無需將HTTP請求發送到您的網站。這是用於快速載入速度的最佳緩存WordPress插件。

  8. 忽略無關資產

    就像延遲載入一樣,忽略不相關的資產意味著我們僅載入訪問者正在查看的那些文件,插件或其他資產(.CSS和.JS文件)。有許多插件可以掃描您的頁面並檢測所有載入的資產。 Asset Cleanup插件是此過程的理想選擇,並且該插件會延遲對訪客在可見頁面上未使用的其他插件,文件或其他數據資產的請求。

  9. 合併CSS文件

    WordPress中通常有多個CSS文件,因為開發人員發現使用單獨的文件很容易。結果,儘管如此,它會生成大量HTTP請求。但是解決此問題的簡單方法是將所有CSS文件合併為一個CSS文件。合併所有文件後,您的站點將為CSS文件生成一個HTTP請求。

  10. 圖片使用受限

    圖片為網站增加了視覺吸引力。但是,使用過多的圖像可能會在您的網站上增加不必要的負擔。為了避免這種情況,您只需要限制用於單個博客帖子的圖像數量即可。使用11到15張圖片是在視覺吸引力和網站超載之間保持平衡的好方法。

希望上述技術可以大大減少您的WordPress網站上的HTTP請求數量。在本文中,我們討論了什麼是HTTP,如何檢查HTTP請求數量以及減少WordPress網站中10種HTTP請求的方法。

如果您想走得更遠,可以通過以下一些久經考驗的方法來提高網站的速度。

如果您對其他主題有任何疑問,請與我們聯繫,我們將在下面的評論中為您提供詳細的答案,我們會儘快與您聯繫!

文章如何減少WordPress網站中的HTTP請求首先出現在WPblog上。

相關文章