每當有人訪(fǎng)問(wèn)您網(wǎng)站上的頁(yè)面時(shí),瀏覽器都必須請求大量文件??炀W(wǎng)這些HTTP請求直接影響網(wǎng)頁(yè)的站的站訪(fǎng)加載速度。通常,打開(kāi)度??和更少的速度HTTP請求意味著(zhù)網(wǎng)站加載速度更快。 現在,呢網(wǎng)網(wǎng)站的問(wèn)速加載速度是搜索引擎排名的???重要因素。平均而言,何加媒體頁(yè)面加載速度為谷歌的快網(wǎng)10個(gè)結果只是1.65秒。
這凸顯了擁有快速加載網(wǎng)站的站的站訪(fǎng)重要性。搜索引擎結果頁(yè)(SERP)上的打開(kāi)度和頂部結果會(huì )在不到兩秒鐘的??時(shí)間內加載。您可以通過(guò)此視頻進(jìn)一步了解Hヽ(′?`)ノTTP請求以及它們如何影響網(wǎng)站的速度??加載速度。網(wǎng)站必須處理的呢網(wǎng)HTTP請??求總數可能會(huì )對整體加載?速度產(chǎn)生巨大影響。您可以通過(guò)減少HTTP請求來(lái)顯著(zhù)改變網(wǎng)??站的問(wèn)速加載速度(//ω//)。這是何加減少HTTP請求數量和提??高網(wǎng)站加載速度的8種方法。
正如我們剛剛討論的,更多文件意(yi)味著(zhù)更多請求。
因此,目標是最小化網(wǎng)頁(yè)必須加載的文件和圖像?的數量。反過(guò)來(lái),這減少了HTTP請求的數量,并可以提高網(wǎng)頁(yè)的加載速度。
這里有兩點(diǎn)需要注意:
處理完圖像后,請查看并刪除一些??其他不必要的文件。例如,它可以是嵌??入式視頻或第三??方社交媒體源插件。
確定您的網(wǎng)頁(yè)使用的不同元素,然后選擇不必要的元素,但浪費您的資源。擺脫它們,提高網(wǎng)站的加載速度。
您可能已刪除了合理數量的圖像。但是,仍然會(huì )剩下很多圖像。而且您無(wú)法擺脫它們。你不應該
因此,ヽ(′ー`)ノ下一步是減少要在網(wǎng)頁(yè)上使用的圖像的文件大小。
您可以使用shortpixel之類(lèi)的工具來(lái)壓??縮所用圖像的大小。此外,強烈建議使用網(wǎng)絡(luò )友好的圖像。例如,盡可能使用.jpg圖像而不是.png。
如果您還沒(méi)有,請簡(jiǎn)要說(shuō)明一下它是什么以及它如何工作。
一個(gè)頁(yè)面可能包含許多圖像。當用戶(hù)訪(fǎng)問(wèn)該頁(yè)面時(shí),您的站點(diǎn)將針ヽ(′?`)ノ對所有這些圖像發(fā)送HTTP服務(wù)器請求。根據您(′▽?zhuān)?的網(wǎng)頁(yè)有多沉重,這可能會(huì )使它變慢。
但是,如果用戶(hù)甚至從未打算向下滾動(dòng)到頁(yè)面底部并看到所有這些圖像怎么辦?
延遲加載技術(shù)解決了該問(wèn)題。
代替發(fā)送不必要的HTTP請求,此技術(shù)僅在用戶(hù)向下滾動(dòng)到頁(yè)面上的圖像時(shí)發(fā)送服務(wù)器(′?_?`)請求。
延遲加載ヾ(′ω`)?技術(shù)對資源的智能利??用可以顯著(zhù)減少HTTP請求的數量,并提高站點(diǎn)的加載速度。??
忽略網(wǎng)頁(yè)上的相關(guān)資源與延遲加載類(lèi)似。
正如我們剛剛討論的,延遲加載會(huì )延遲發(fā)送服務(wù)器對未查看圖像的請求。
這是減少??HTTP服務(wù)器請求數量而又不犧牲網(wǎng)頁(yè)質(zhì)量的另一種明智的方法。
縮小是用于提高網(wǎng)站加載速度的一項??重要技術(shù)。
這意味著(zhù)從CSS,JavaScript和HTML文件中刪除不需要ヽ(′ー`)ノ執行的不必要代碼??,例如,不必要的字符,空格,注釋等。
就像(xiang)最小化一樣,組合CS??S和JavaScript文件也是減少網(wǎng)站總文件大小的一種很好的技術(shù)。
這個(gè)想法是將所有CS??S和JavaScript文件合并為一個(gè)單獨的文件。例如,如果您的網(wǎng)站有4個(gè)外部JavaScript文件和3個(gè)外部CSS文件,則意味著(zhù)7個(gè)??請求。
但是,如果將3個(gè)CSS文件合并為一個(gè)CSS文件,并將4個(gè)JS文件合并為一個(gè)JS文件,則您的網(wǎng)(????)站將僅發(fā)送2個(gè)請求,而不是7個(gè)。
縮小和合并CSS和JavaScript文件是減少HTTP請求ヾ(′?`)?數量和提高網(wǎng)站加載速度的有效方法。
強烈建議您識別所有其他添加請求的文件。您可以在Google Chrome網(wǎng)絡(luò )面板中執行此操作。
外部腳本增加HTTP請求的數量并不少見(jiàn)。例如,它可能是不??再使用的市場(chǎng)營(yíng)銷(xiāo)腳本的社交源插件,從而使加載時(shí)間增加了幾秒鐘。
通過(guò)確??定使您的網(wǎng)站變慢的確切第三方集成和外部腳本,您可以(yi)就保留哪些資源和犧牲哪些資源做出明智的決定。
如果您仍在努力將HTTP請求的數量降低到合理水平,我們建議您使用內容分發(fā)網(wǎng)絡(luò )(CDN)。
CDN是位于世界各地的服務(wù)器網(wǎng)絡(luò )。C┐(′ー`)┌DN在您的網(wǎng)站??上(shang)緩存靜態(tài)內容,然后在用戶(hù)訪(fǎng)問(wèn)您的網(wǎng)站時(shí)將其提供給緩存(cun)的內容。緩存的內容是從服務(wù)器交付的,最接近用戶(hù)的物理位置。
是否要使用CDN取決于幾件事。最重要??的是您的流量是本地流量還是國際流量ヽ(′?`)ノ。如果您的大多數網(wǎng)站訪(fǎng)問(wèn)者是本地訪(fǎng)問(wèn)者,則不需要內容交付網(wǎng)絡(luò )。
如果來(lái)自世界各地的用戶(hù)訪(fǎng)問(wèn)您的網(wǎng)站,那么CDN對加速您的網(wǎng)站非常有用。
建議將文件數量保持在10到30之間。對于具有大量?jì)热?,圖像和高質(zhì)量視頻的大型網(wǎng)站,這可能??不(bu)是完全可能的,但對于大多數網(wǎng)站而言,這仍然是一個(gè)很好的基(°ロ°) !準。準確確??定您的網(wǎng)站發(fā)出了多少個(gè)HTTP請求,然后通過(guò)策略性地分析每個(gè)元素來(lái)逐步解決。這將幫助您減少(′ω`*)HTTP請求的數量,提高網(wǎng)站的加載速度,并有可能改善用戶(hù)保留率,參與度指標,轉化率和網(wǎng)絡(luò )銷(xiāo)量。
網(wǎng)站打開(kāi)速度的快與慢,直接關(guān)系到訪(fǎng)客的用戶(hù)體驗度。網(wǎng)站被加載的速度與多個(gè)要素相關(guān),如服務(wù)器優(yōu)于劣,網(wǎng)絡(luò )帶寬┐(′д`)┌大與??小,頁(yè)面代碼繁與簡(jiǎn)等。如果受限于資金,那么(′?ω?`)通過(guò)優(yōu)化網(wǎng)頁(yè)代碼來(lái)加速網(wǎng)站打開(kāi)速度,就是很有效的方法。
一、壓縮或??精簡(jiǎn)Javascript代碼和css代碼。
無(wú)論什么類(lèi)型的網(wǎng)站,用戶(hù)第一次點(diǎn)擊網(wǎng)站的時(shí)候,都會(huì )加載網(wǎng)站的Javas??crip??t和css代碼,假設這些代碼冗多,勢必會(huì )降低網(wǎng)站打開(kāi)速度。
如果有這樣的問(wèn)題,??就要對代碼進(jìn)行壓縮或精簡(jiǎn)。壓縮方面,有大量的第三方工具如站長(cháng)之家的CSS\JS壓縮工具可供大家直接免費試用,經(jīng)過(guò)壓縮的代碼,普遍能減小40%到65%。精簡(jiǎn)方面,能用ヾ(′?`)?一個(gè)樣式控制就不用兩個(gè),思路是既能滿(mǎn)足網(wǎng)站的頁(yè)面布局??,又是(′-ι_-`)最小的代碼量(?????)。
二、對Javascript代碼和css代碼以及圖片進(jìn)行服務(wù)器端的緩存設置。
大家有發(fā)現這樣一個(gè)情況,假設用戶(hù)第一次訪(fǎng)問(wèn)了你??的網(wǎng)站,那么用戶(hù)下(xia)一次再次訪(fǎng)問(wèn)你的站點(diǎn),速度就會(huì )更快。這是什么原因呢?原因在于瀏覽器緩存。
大多數服務(wù)器,或空間已經(jīng)默認設置了緩存功能,站長(cháng)或者seoer要做的就是在后臺設定相應文件類(lèi)型以及過(guò)期時(shí)間。在此,建議為:如果是win??dows主機,就將圖片,css和Javascript文件的緩存時(shí)間設置為30天;如果是Apache Web服務(wù)器,則使用mod_cache模塊開(kāi)啟緩存功能。???
三、壓縮圖像。
有數據顯示,圖片加載時(shí)間是造成網(wǎng)站速度的最大??因素,將圖片加載速度??問(wèn)題解決,頁(yè)面速度問(wèn)題就解決了一大半。假設網(wǎng)站有大量jpg等格式的圖片,需要在??不影響視覺(jué)的前提下,盡量對其壓縮,以減少圖片本身的大小。與壓縮Javascript文件類(lèi)似,有大量的在線(xiàn)工具提供相應壓縮服務(wù),有大量的圖像編輯軟件如美圖秀秀??等,都有壓縮功能。
四、網(wǎng)站需要全??站靜態(tài)化生成
就是頁(yè)面的后綴是.html或.php等其它的,為什么這樣說(shuō)呢?你想一下,一般動(dòng)態(tài)的網(wǎng)站,打開(kāi)頁(yè)面是,首先他就必須去讀取數據?庫的資料,然后在顯示到頁(yè)面上,走了個(gè)彎路(lu),并還有數據庫訪(fǎng)問(wèn)的速度和數據庫數??據多少,數據庫的大小所決定。你想不慢都??難,靜態(tài)頁(yè)面就不同了,它不需要訪(fǎng)問(wèn)數據庫,因為它在生成出來(lái)時(shí)就已通過(guò)讀取數據庫的資料,資料生成出一個(gè)頁(yè)面來(lái)了,走的是直路,想不快都難;
總而言之,網(wǎng)站打開(kāi)速度越快,用戶(hù)的瀏覽網(wǎng)站就會(huì )?感覺(jué)越爽,同時(shí)也樂(lè )意打開(kāi)更多的頁(yè)面。當然我們提升網(wǎng)站打開(kāi)速度不能夠一味的降低圖??片的使用(yong)量,以及網(wǎng)頁(yè)的精美度,而是在此基礎上進(jìn)行技術(shù)上的創(chuàng )新,在不影響用戶(hù)體(′_`)驗的基礎(′?`*)(chu)上進(jìn)行(?_?;)優(yōu)化ヽ(′?`)ノ,才能夠有效提升網(wǎng)站的競爭力和盈利能力。百度會(huì )對那些一秒以?xún)却蜷_(kāi)(kai)的網(wǎng)站就行額外加分呦。
版權聲明:本文內容由互聯(lián)網(wǎng)用戶(hù)自發(fā)貢獻,該文觀(guān)點(diǎn)僅代表作者本人(ren)。本站僅提供信息存儲空間服務(wù),不擁有所有權,不承擔相關(guān)法律責任。如發(fā)現本站有涉嫌抄襲侵權/違法違規的內容, 請發(fā)??送郵件至(zhi) [email protected] 舉報,一經(jīng)查實(shí)??,本站將立刻刪除。