如何減少HTTP請求并加快網(wǎng)站訪問速度？

時間：2024-04-16 22:30:02 | 來源：建站知識

時間：2024-04-16 22:30:02 來源：建站知識

每當(dāng)有人訪問您網(wǎng)站上的頁面時，瀏覽器都必須請求大量文件。這些HTTP請求直接影響網(wǎng)頁的加載速度。通常，更少的HTTP請求意味著網(wǎng)站加載速度更快。 現(xiàn)在，網(wǎng)站的加載速度是搜索引擎排名的重要因素。平均而言，媒體頁面加載速度為谷歌的10個結(jié)果只是1.65秒。

這凸顯了擁有快速加載網(wǎng)站的重要性。搜索引擎結(jié)果頁（SERP）上的頂部結(jié)果會在不到兩秒鐘的時間內(nèi)加載。您可以通過此視頻進(jìn)一步了解HTTP請求以及它們?nèi)绾斡绊懢W(wǎng)站的加載速度。網(wǎng)站必須處理的HTTP請求總數(shù)可能會對整體加載速度產(chǎn)生巨大影響。您可以通過減少HTTP請求來顯著改變網(wǎng)站的加載速度。這是減少HTTP請求數(shù)量和提高網(wǎng)站加載速度的8種方法。

1.刪除不必要的圖像 正如我們剛剛討論的，更多文件意味著更多請求。

因此，目標(biāo)是最小化網(wǎng)頁必須加載的文件和圖像的數(shù)量。反過來，這減少了HTTP請求的數(shù)量，并可以提高網(wǎng)頁的加載速度。

這里有兩點(diǎn)需要注意：

1. 清理媒體庫并刪除所有不必要的圖像。您會驚訝地發(fā)現(xiàn)許多甚至可能不再使用的圖像。例如，用于網(wǎng)頁的圖像現(xiàn)在已經(jīng)不復(fù)存在了。
2. 不要為了減少HTTP服務(wù)器請求而犧牲圖像。這個想法是刪除不必要的圖像，而不是減少通常使用的圖像數(shù)量。

處理完圖像后，請查看并刪除一些其他不必要的文件。例如，它可以是嵌入式視頻或第三方社交媒體源插件。

確定您的網(wǎng)頁使用的不同元素，然后選擇不必要的元素，但浪費(fèi)您的資源。擺脫它們，提高網(wǎng)站的加載速度。

2.縮小圖像尺寸 您可能已刪除了合理數(shù)量的圖像。但是，仍然會剩下很多圖像。而且您無法擺脫它們。你不應(yīng)該

因此，下一步是減少要在網(wǎng)頁上使用的圖像的文件大小。

您可以使用shortpixel之類的工具來壓縮所用圖像的大小。此外，強(qiáng)烈建議使用網(wǎng)絡(luò)友好的圖像。例如，盡可能使用.jpg圖像而不是.png。

減小圖像尺寸是提高網(wǎng)頁加載速度的最基本技術(shù)之一。

3.實(shí)施延遲加載技術(shù) 您一定聽說過惰性加載技術(shù)，對嗎？

如果您還沒有，請簡要說明一下它是什么以及它如何工作。

一個頁面可能包含許多圖像。當(dāng)用戶訪問該頁面時，您的站點(diǎn)將針對所有這些圖像發(fā)送HTTP服務(wù)器請求。根據(jù)您的網(wǎng)頁有多沉重，這可能會使它變慢。

但是，如果用戶甚至從未打算向下滾動到頁面底部并看到所有這些圖像怎么辦？

延遲加載技術(shù)解決了該問題。

代替發(fā)送不必要的HTTP請求，此技術(shù)僅在用戶向下滾動到頁面上的圖像時發(fā)送服務(wù)器請求。

延遲加載技術(shù)對資源的智能利用可以顯著減少HTTP請求的數(shù)量，并提高站點(diǎn)的加載速度。

4.忽略頁面上無關(guān)的資源 忽略網(wǎng)頁上的相關(guān)資源與延遲加載類似。

正如我們剛剛討論的，延遲加載會延遲發(fā)送服務(wù)器對未查看圖像的請求。

同樣，您可以安裝諸如LazyLoad之類的工具，該工具將檢測網(wǎng)站的特定頁面上存在的代碼和文件。一旦識別出此類文件，插件將阻止將它們加載到頁面上。

這是減少HTTP服務(wù)器請求數(shù)量而又不犧牲網(wǎng)頁質(zhì)量的另一種明智的方法。

5.縮小CSS和JavaScript文件 縮小是用于提高網(wǎng)站加載速度的一項重要技術(shù)。

這意味著從CSS，JavaScript和HTML文件中刪除不需要執(zhí)行的不必要代碼，例如，不必要的字符，空格，注釋等。

6.合并CSS和JavaScript文件 就像最小化一樣，組合CSS和JavaScript文件也是減少網(wǎng)站總文件大小的一種很好的技術(shù)。

這個想法是將所有CSS和JavaScript文件合并為一個單獨(dú)的文件。例如，如果您的網(wǎng)站有4個外部JavaScript文件和3個外部CSS文件，則意味著7個請求。

但是，如果將3個CSS文件合并為一個CSS文件，并將4個JS文件合并為一個JS文件，則您的網(wǎng)站將僅發(fā)送2個請求，而不是7個。

縮小和合并CSS和JavaScript文件是減少HTTP請求數(shù)量和提高網(wǎng)站加載速度的有效方法。

7.減少外部腳本的數(shù)量 強(qiáng)烈建議您識別所有其他添加請求的文件。您可以在Google Chrome網(wǎng)絡(luò)面板中執(zhí)行此操作。

外部腳本增加HTTP請求的數(shù)量并不少見。例如，它可能是不再使用的市場營銷腳本的社交源插件，從而使加載時間增加了幾秒鐘。

通過確定使您的網(wǎng)站變慢的確切第三方集成和外部腳本，您可以就保留哪些資源和犧牲哪些資源做出明智的決定。

8.使用內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN） 如果您仍在努力將HTTP請求的數(shù)量降低到合理水平，我們建議您使用內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN）。

CDN是位于世界各地的服務(wù)器網(wǎng)絡(luò)。CDN在您的網(wǎng)站上緩存靜態(tài)內(nèi)容，然后在用戶訪問您的網(wǎng)站時將其提供給緩存的內(nèi)容。緩存的內(nèi)容是從服務(wù)器交付的，最接近用戶的物理位置。

是否要使用CDN取決于幾件事。最重要的是您的流量是本地流量還是國際流量。如果您的大多數(shù)網(wǎng)站訪問者是本地訪問者，則不需要內(nèi)容交付網(wǎng)絡(luò)。

如果來自世界各地的用戶訪問您的網(wǎng)站，那么CDN對加速您的網(wǎng)站非常有用。

結(jié)論 浪知潮建議將文件數(shù)量保持在10到30之間。對于具有大量內(nèi)容，圖像和高質(zhì)量視頻的大型網(wǎng)站，這可能不是完全可能的，但對于大多數(shù)網(wǎng)站而言，這仍然是一個很好的基準(zhǔn)。準(zhǔn)確確定您的網(wǎng)站發(fā)出了多少個HTTP請求，然后通過策略性地分析每個元素來逐步解決。這將幫助您減少HTTP請求的數(shù)量，提高網(wǎng)站的加載速度，并有可能改善用戶保留率，參與度指標(biāo)，轉(zhuǎn)化率和網(wǎng)絡(luò)銷量。