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