頁(yè)面訪問(wèn)速度(也稱(chēng)為“加載速度”)衡量頁(yè)面內(nèi)容的加載速度,它不是一個(gè)單一的指標(biāo)。頁(yè)面速度是一個(gè)涵蓋內(nèi)容在頁(yè)面上顯示速度的多種衡量方法的總稱(chēng)。例如:
-首次字節(jié)時(shí)間(TTFB):頁(yè)面開(kāi)始加載所需的時(shí)間
-首次內(nèi)容繪制(FCP):用戶(hù)看到頁(yè)面的第一個(gè)元素(如圖像)所需的時(shí)間
-首次輸入延遲(FID):您的網(wǎng)站響應(yīng)用戶(hù)輸入(如按鈕單擊)所需的時(shí)間
-加載時(shí)間:完全加載頁(yè)面內(nèi)容所需的時(shí)間
有時(shí),用戶(hù)首先看到的是空白頁(yè)。然后,會(huì)出現(xiàn)一些元素。最后,整個(gè)頁(yè)面加載。頁(yè)面速度指標(biāo)分別衡量每個(gè)事件。以幫助您了解頁(yè)面的速度。根據(jù)Google的閾值,頁(yè)面加載速度應(yīng)該有多快。
為什么頁(yè)面速度對(duì)SEO很重要?
頁(yè)面加載速度是桌面和移動(dòng)設(shè)備上已確認(rèn)的排名因素。事實(shí)上,Google表示,速度極慢的頁(yè)面不太可能獲得高排名。這意味著Google算法在決定如何對(duì)您的網(wǎng)站進(jìn)行排名時(shí)會(huì)考慮頁(yè)面速度(和其他信號(hào))。
Google關(guān)心您的頁(yè)面速度有多快,因?yàn)樗俣嚷木W(wǎng)站會(huì)帶來(lái)糟糕的用戶(hù)體驗(yàn)。事實(shí)上,根據(jù)Google的說(shuō)法,如果您的頁(yè)面加載時(shí)間超過(guò)三秒,用戶(hù)跳出(即離開(kāi)您的頁(yè)面)的可能性是其他用戶(hù)的三倍。他們建議確保您的所有頁(yè)面都達(dá)到關(guān)鍵頁(yè)面速度指標(biāo)的“良好”閾值。
8種提高頁(yè)面速度SEO的方法
當(dāng)您使用頁(yè)面速度工具分析頁(yè)面(或網(wǎng)站)時(shí),您會(huì)收到許多改進(jìn)其性能的建議。讓我們來(lái)看看加速頁(yè)面加載速度的八種最有效方法。
1.選擇正確的圖像格式
不同類(lèi)型的圖像需要不同的圖像文件格式。有些格式比其他格式更輕,因?yàn)樗鼈兲峁└叩膲嚎s級(jí)別。為每張圖片選擇正確的格式以縮短頁(yè)面加載時(shí)間。以下是最常見(jiàn)的格式及其使用方法:
JPEG:適用于真實(shí)世界的圖像,如照片
PNG:適用于屏幕截圖、設(shè)計(jì)、徽標(biāo)或具有更高細(xì)節(jié)級(jí)別的圖像
GIF:避免使用這種格式,因?yàn)樗鼤?huì)降低頁(yè)面加載速度。如果您需要?jiǎng)赢?huà)圖像,請(qǐng)考慮將GIF轉(zhuǎn)換為視頻。
WebP:適用于所有類(lèi)型的圖像,因?yàn)樗菾PEG和PNG更輕(實(shí)際上最多小三倍)。但是,并非所有瀏覽器都支持WebP圖像。因此,我們建議目前使用JPEG和PNG。
專(zhuān)業(yè)提示
如果您使用WordPress,EWWW Optimizer等插件會(huì)將您的圖像轉(zhuǎn)換為WebP。但是,如果用戶(hù)使用不支持WebP文件的瀏覽器打開(kāi)您的網(wǎng)站,該插件將顯示圖像的JPEG或PNG版本。
2.壓縮您的圖片
圖片通常會(huì)導(dǎo)致頁(yè)面加載緩慢。圖片SEO是網(wǎng)站速度優(yōu)化的關(guān)鍵部分。您的目標(biāo)應(yīng)該是在不影響質(zhì)量或用戶(hù)體驗(yàn)的情況下盡可能縮小圖片。
3.啟用瀏覽器緩存
瀏覽器緩存是指用戶(hù)的瀏覽器臨時(shí)存儲(chǔ)網(wǎng)頁(yè)數(shù)據(jù)。因此,當(dāng)用戶(hù)返回頁(yè)面時(shí),加載速度會(huì)更快。用戶(hù)第一次進(jìn)入您的頁(yè)面時(shí),他們的瀏覽器會(huì)存儲(chǔ)圖像或CSS文件等元素。這樣,瀏覽器在用戶(hù)返回時(shí)就不需要發(fā)送那么多請(qǐng)求。這改善了回訪用戶(hù)的體驗(yàn)。但對(duì)于首次進(jìn)入您網(wǎng)站的用戶(hù)來(lái)說(shuō),這不會(huì)有什么不同。要在WordPress網(wǎng)站上啟用瀏覽器緩存,請(qǐng)使用W3 Total Cache或WP Rocket等插件。
溫馨提示:
如果您不使用WordPress,則可以將瀏覽器緩存規(guī)則添加到.htaccess文件中。(但如果您犯了錯(cuò)誤,可能會(huì)遇到問(wèn)題,因此最好咨詢(xún)開(kāi)發(fā)人員。)
4.壓縮JavaScript、CSS和HTML
壓縮JavaScript、CSS和HTML可以減小文件大小。這可以提高您的頁(yè)面速度。它刪除了代碼中的換行符、空格和其他不必要的元素。因此計(jì)算機(jī)可以更快地讀取它。一旦您知道哪些頁(yè)面受到影響,就該采取行動(dòng)了。您可以使用在線(xiàn)壓縮工具來(lái)壓縮文件?;蛘撸绻鷵碛蠾ordPress網(wǎng)站,WP Rocket等插件可以幫助您壓縮代碼。
5.使用內(nèi)容交付網(wǎng)絡(luò)
內(nèi)容交付網(wǎng)絡(luò)(CDN)是一組分布在不同位置的互連服務(wù)器。它們使您的網(wǎng)站“更接近”每個(gè)用戶(hù)。對(duì)于地理位置靠近主站點(diǎn)服務(wù)器位置的用戶(hù),頁(yè)面加載速度更快。CDN的工作原理如下:
您將網(wǎng)站緩存在CDN上
用戶(hù)發(fā)送請(qǐng)求以打開(kāi)您的網(wǎng)站
距離用戶(hù)最近的服務(wù)器提供網(wǎng)站
假設(shè)您的原始服務(wù)器位于洛杉磯。如果意大利的用戶(hù)嘗試訪問(wèn)您的網(wǎng)站,您的CDN將在用戶(hù)網(wǎng)絡(luò)中查找最近的服務(wù)器。(假設(shè)它在法國(guó)。)然后,CDN將向法國(guó)的服務(wù)器提供您網(wǎng)站的緩存版本。由于意大利離法國(guó)比離洛杉磯近得多,因此您的網(wǎng)站加載速度會(huì)提高。
6.提高服務(wù)器響應(yīng)時(shí)間
服務(wù)器響應(yīng)時(shí)間緩慢會(huì)顯著延遲頁(yè)面加載。當(dāng)用戶(hù)嘗試訪問(wèn)網(wǎng)頁(yè)時(shí),瀏覽器會(huì)發(fā)出請(qǐng)求以獲取該內(nèi)容。服務(wù)器接收請(qǐng)求并加載頁(yè)面內(nèi)容。要提高服務(wù)器響應(yīng)時(shí)間,請(qǐng)考慮升級(jí)您的托管計(jì)劃。共享托管通常比專(zhuān)用或VPS托管慢。如果您遇到持續(xù)的減速,可能是時(shí)候切換到更強(qiáng)大的托管解決方案了。您可以嘗試的其他一些方法包括:
-優(yōu)化服務(wù)器的應(yīng)用程序邏輯和配置
-索引數(shù)據(jù)庫(kù)表或升級(jí)到更快的數(shù)據(jù)庫(kù)系統(tǒng)
-添加更多隨機(jī)存取內(nèi)存(RAM)和更快的處理器
-您可能需要咨詢(xún)托管服務(wù)提供商或開(kāi)發(fā)人員來(lái)實(shí)施這些更改。
7.減少重定向
重定向會(huì)減慢您的頁(yè)面加載時(shí)間。當(dāng)用戶(hù)點(diǎn)擊一個(gè)URL但自動(dòng)發(fā)送到另一個(gè)URL時(shí),就會(huì)發(fā)生重定向。重定向會(huì)自動(dòng)將用戶(hù)發(fā)送到新頁(yè)面。在某些情況下,頁(yè)面可能會(huì)在到達(dá)最終目的地之前重定向幾次。這稱(chēng)為重定向鏈。每次重定向都會(huì)在加載頁(yè)面時(shí)增加一個(gè)額外的步驟。這會(huì)使整個(gè)過(guò)程變慢。要審核您的網(wǎng)站是否存在不必要的重定向,請(qǐng)使用網(wǎng)站審核工具。
8.減少HTTP請(qǐng)求
HTTP請(qǐng)求發(fā)生在Web瀏覽器向網(wǎng)站服務(wù)器發(fā)送“請(qǐng)求”以獲取更多信息時(shí)。假設(shè)用戶(hù)訪問(wèn)某個(gè)頁(yè)面。服務(wù)器從瀏覽器收到請(qǐng)求,并使用包含用戶(hù)查看頁(yè)面所需信息的文件進(jìn)行響應(yīng)。(此文件可能包含文本、圖像、多媒體等。)用戶(hù)在請(qǐng)求完成之前無(wú)法查看文件中的內(nèi)容。但是,如果該文件不包含用戶(hù)查看頁(yè)面所需的所有信息,瀏覽器將發(fā)送另一個(gè)請(qǐng)求。請(qǐng)求越多,頁(yè)面速度越慢。用戶(hù)將不得不等待更長(zhǎng)時(shí)間才能查看整個(gè)頁(yè)面。旨在減少HTTP請(qǐng)求(或使其加載更快)以提高頁(yè)面速度。
要查看頁(yè)面的HTTP請(qǐng)求數(shù),請(qǐng)使用Google Chrome。在Chrome上打開(kāi)您的頁(yè)面。右鍵單擊頁(yè)面上的任意位置并選擇“檢查”。您將看到Google的開(kāi)發(fā)者工具(也稱(chēng)為Chrome DevTools)。轉(zhuǎn)到“網(wǎng)絡(luò)”選項(xiàng)卡。起初,面板上只有很少甚至沒(méi)有條目。重新加載頁(yè)面以收集數(shù)據(jù)。您將看到所有HTTP請(qǐng)求、它們的大小以及加載它們所需的時(shí)間。這些包括對(duì)圖像、插件、JavaScript或CSS文件的請(qǐng)求,等等。
您還可以在檢查窗口的左下角看到請(qǐng)求總數(shù)。這個(gè)數(shù)字是跟蹤進(jìn)度的好方法。請(qǐng)求越少越好。就上下文而言,平均每個(gè)頁(yè)面發(fā)送大約70個(gè)HTTP請(qǐng)求。但是,沒(méi)有特定的目標(biāo)。使用網(wǎng)頁(yè)上的平均請(qǐng)求數(shù)作為跟蹤進(jìn)度的指導(dǎo)。
寫(xiě)在最后
頁(yè)面速度只是技術(shù)SEO難題的一個(gè)方面。但它對(duì)于提高搜索排名和用戶(hù)體驗(yàn)都至關(guān)重要。要全面了解您網(wǎng)站的技術(shù)健康狀況,包括頁(yè)面速度洞察。