每當有人訪問網站上的頁面時,瀏覽器都必須請求大量文件。這些HTTP請求直接影響網頁的加載速度。網站必須處理的HTTP請求總數可能會對整體加載速度產生巨大影響。
所以網站性能優化非常重要,我們可以通過減少HTTP請求來顯著改變網站的加載速度。這是減少HTTP請求數量和提高網站加載速度的幾種方法。
刪除不必要的圖像
正如我們剛剛討論的,更多文件意味著更多請求。
因此,目標是最小化網頁必須加載的文件和圖像的數量。反過來,這減少了HTTP請求的數量,并可以提高網頁的加載速度。
這里有兩點需要注意:
- 清理媒體庫并刪除所有不必要的圖像。您會驚訝地發現許多甚至可能不再使用的圖像。例如,用于網頁的圖像現在已經不復存在了。
- 不要為了減少HTTP服務器請求而犧牲圖像。這個想法是刪除不必要的圖像,而不是減少通常使用的圖像數量。
處理完圖像后,請查看并刪除一些其他不必要的文件。例如,它可以是嵌入式視頻或第三方社交媒體源插件。
確定您的網頁使用的不同元素,然后選擇不必要的元素,但浪費您的資源。擺脫它們,提高網站的加載速度。
縮小圖像尺寸
您可能已刪除了合理數量的圖像。但是,仍然會剩下很多圖像。而且您無法擺脫它們。你不應該
因此,下一步是減少要在網頁上使用的圖像的文件大小。
您可以使用shortpixel之類的工具來壓縮所用圖像的大小。此外,強烈建議使用網絡友好的圖像。例如,盡可能使用.jpg圖像而不是.png。
減小圖像尺寸是提高網頁加載速度的最基本技術之一。
實施延遲加載技術
您一定聽說過惰性加載技術,對嗎?
如果您還沒有,請簡要說明一下它是什么以及它如何工作。
一個頁面可能包含許多圖像。當用戶訪問該頁面時,您的站點將針對所有這些圖像發送HTTP服務器請求。根據您的網頁有多沉重,這可能會使它變慢。
但是,如果用戶甚至從未打算向下滾動到頁面底部并看到所有這些圖像怎么辦?
延遲加載技術解決了該問題。
代替發送不必要的HTTP請求,此技術僅在用戶向下滾動到頁面上的圖像時發送服務器請求。
延遲加載技術對資源的智能利用可以顯著減少HTTP請求的數量,并提高站點的加載速度。
忽略頁面上無關的資源
忽略網頁上的相關資源與延遲加載類似。
正如我們剛剛討論的,延遲加載會延遲發送服務器對未查看圖像的請求。
同樣,您可以安裝諸如LazyLoad之類的工具,該工具將檢測網站的特定頁面上存在的代碼和文件。一旦識別出此類文件,插件將阻止將它們加載到頁面上。
這是減少HTTP服務器請求數量而又不犧牲網頁質量的另一種明智的方法。
縮小CSS和JavaScript文件
縮小是用于提高網站加載速度的一項重要技術。
這意味著從CSS,JavaScript和HTML文件中刪除不需要執行的不必要代碼,例如,不必要的字符,空格,注釋等。
合并CSS和JavaScript文件
就像最小化一樣,組合CSS和JavaScript文件也是減少網站總文件大小的一種很好的技術。
這個想法是將所有CSS和JavaScript文件合并為一個單獨的文件。例如,如果您的網站有4個外部JavaScript文件和3個外部CSS文件,則意味著7個請求。
但是,如果將3個CSS文件合并為一個CSS文件,并將4個JS文件合并為一個JS文件,則您的網站將僅發送2個請求,而不是7個。
縮小和合并CSS和JavaScript文件是減少HTTP請求數量和提高網站加載速度的有效方法。
減少外部腳本的數量
強烈建議您識別所有其他添加請求的文件。您可以在Google Chrome網絡面板中執行此操作。
外部腳本增加HTTP請求的數量并不少見。例如,它可能是不再使用的市場營銷腳本的社交源插件,從而使加載時間增加了幾秒鐘。
通過確定使您的網站變慢的確切第三方集成和外部腳本,您可以就保留哪些資源和犧牲哪些資源做出明智的決定。
使用內容分發網絡(CDN)
如果您仍在努力將HTTP請求的數量降低到合理水平,我們建議您使用內容分發網絡(CDN)。
CDN是位于世界各地的服務器網絡。CDN在您的網站上緩存靜態內容,然后在用戶訪問您的網站時將其提供給緩存的內容。緩存的內容是從服務器交付的,最接近用戶的物理位置。
是否要使用CDN取決于幾件事。最重要的是您的流量是本地流量還是國際流量。如果您的大多數網站訪問者是本地訪問者,則不需要內容交付網絡。
如果來自世界各地的用戶訪問您的網站,那么CDN對加速您的網站非常有用。
本文來自網絡 由藍暢整理,經授權后發布,本文觀點不代表Infocode藍暢信息技術立場,轉載請聯系原作者。