<delect id="epa7r"></delect><bdo id="epa7r"></bdo><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt><bdo id="epa7r"><rt id="epa7r"></rt></bdo><noframes id="epa7r"> <noframes id="epa7r"><rt id="epa7r"></rt><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><rt id="epa7r"></rt></rt><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt> <rt id="epa7r"><rt id="epa7r"></rt></rt><bdo id="epa7r"></bdo><noframes id="epa7r"><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><rt id="epa7r"></rt></rt><delect id="epa7r"></delect>
已收藏,可在 我的資料庫 中查看
關注作者
您可能還需要

我的網站有多快!教你使用PageSpeed Insights來測網速

為何網頁加載速度對網站來說很重要?網頁加載過慢又會有哪些不利的影響?

之前的文章我有提到過,怎樣使用 CDN 加速 和使用 Memcached 緩存,這樣做的目的都是為了提高網頁加載速度。

這么做有必要嗎?為何網頁加載速度對網站來說很重要?網頁加載過慢又會有哪些不利的影響?

  1. 影響用戶體驗。這一點是最為重要的,如果一個網站一直卡頓遲遲不加載顯示頁面,那么用戶幾乎不用考慮就會點擊右上角的“關閉”按鈕退出網頁瀏覽。就像是客戶進到你的店里,看到空空如也的柜臺,你覺得他還會等著你一件一件的把商品擺上貨柜嗎,顯然不會,他只會憤而離去,轉頭去另一家店鋪。
  2. 影響谷歌分析數據。一般來說,網頁加速流暢的網站會標記更多的訪客,因為 谷歌分析 代碼會優先加載,在用戶瀏覽網頁時會實時記錄用戶在網頁上的行為,例如:點擊了下一頁、搜索了某個特定字詞、點擊了某個標簽又或者是在某篇文章內容下進行了留言互動等。如果網頁加載緩慢,用戶在谷歌分析代碼觸發之前就匆匆離開關閉了網頁,那么這個用戶的訪問行為將不會被谷歌分析記錄,我們有可能會錯過一位潛在用戶。

那么我的網頁加載速度應該要多快才符合標準呢?

很抱歉,這個沒有具體的衡量標準,一般建議網頁加載時間最好不要超過三秒。

很幸運,谷歌給我們提供了一個免費的檢查頁面速度的工具,PageSpeed Insights,本文將介紹如何使用 PageSpeed Insights 來測試網站加載速度。

PageSpeed Insights是什么

PageSpeed Insights(PSI)是谷歌推出的一款免費測速工具,它能報告網頁在移動設備和桌面設備上的用戶體驗,并據此提供改進建議。

如何進行網站測速

第一步:輸入網站網址

輸入網址后,點擊“分析”,然后等待幾秒鐘,就會看到測速結果。

我的網站有多快!教你使用PageSpeed Insights來測網速

圖片來源:PageSpeed Insights

在上圖中我們能看到手機設備和桌面設備的性能數據,但要注意這些只是模擬測試數據,也就是估算值。

如果你的網站有足夠的數據,PageSpeed Insights 會根據谷歌用戶體驗報告,使用過去 28 天的真實用戶數據來計算性能分數。

第二步:分析測速結果

PageSpeed Insights 提供了網站整體性能得分,這個分數與網站加載速度大致相關,但比起性能分數,用戶更在乎的是網站加載時間。

我們具體來看看每個分數的范圍:

  • 0-49(紅色警告三角形):表示網站整體加載緩慢;
  • 50-89(黃色正方形):表示網站加載速度可提升空間;
  • 90-100(綠色圓形):表示你的網站加載很快。

在分數下有 6 個重要指標,PageSpeed Insights 通過這 6 個指標來衡量網站的整體性能,理想狀態下,這 6 個指標都應該獲得綠色(90-100)分數。

我的網站有多快!教你使用PageSpeed Insights來測網速

圖片來源:PageSpeed Insights

接下來我們來解讀這 6 個指標代表的含義:

  • First Contentful Paint(首次內容加載):瀏覽器上頁面加載出第一條內容所需要的時間。
  • Speed Index(加載速度):在頁面加載期間顯示內容的速度。
  • Largest Contentful Paint(最大內容加載):瀏覽器上頁面加載最大元素所需要的時間。
  • Time to Interactive(互動時間):頁面完全交互所需要的時間。
  • Total Blocking Time(總阻塞時間):首次內容加載和互動時間的總和(FCP+TTI)。
  • Cumulative Layout Shift(累積布局偏移):頁面上的元素加載時偏移的程度

圖例中的 1-3 指標都沒有達到綠色分數,仍有改進提升的空間,在這些指標中,需要特別注意的是第 3 個“最大內容加載”指標,理想情況下,這個指標最好在 2.5 秒或更短的時間內。另外 Google 的研究表明,當該指標超過 3 秒時,網站的跳出率會增加 32%。

我的網站有多快!教你使用PageSpeed Insights來測網速

圖片來源:Think with Google

如果這 6 個指標中出現紅色分數,有可能是你的頁面上出現了未經壓縮的圖像或視頻,也有可能是你的網站托管速度較慢,還有可能在頁面加載時存在多個元素在移動,這些都會導致用戶訪問體驗不佳。一旦發現了這些存在的問題,那么你就應該立即有針對性地做出調整改善。

鼠標向下滑,能看到 PageSpeed Insights 給出的優化建議,例如:“請縮短初始服務器響應用時”,針對這一條給出的建議是:使用更優化的主題背景、選擇優化或升級服務器。

以上都是移動設備的測速,同樣的我們也可以查看桌面設備上網頁加載的情況和性能分數。

相比起移動設備,桌面設備上的加載時間提速了不少,但仍舊有需要改進的地方。

我的網站有多快!教你使用PageSpeed Insights來測網速

圖片來源:PageSpeed Insights

好了,使用 PageSpeed Insights 來測網速的介紹到此結束了,建議你根據它給出的建議對網站進行修改調整后,再來測試網站加載速度,以確網站整體性能都能達到綠色分數,為你的用戶提供更好的瀏覽體驗。

(來源:Hopeshe跨境)

以上內容屬作者個人觀點,不代表雨果跨境立場!本文經原作者授權轉載,轉載需經原作者授權同意。?

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務 果園 標簽 搜索
雨果跨境顧問
【爆單沖刺】Google爆單沖刺包
雨果跨境谷歌官方顧問

收藏

--

--

分享
Hopeshe跨境
分享不易,關注獲取更多干貨
91精品孕妇系列|国产综合在线视频|日韩人妻无码一级潮喷中|女高中自慰喷水免费网站
<delect id="epa7r"></delect><bdo id="epa7r"></bdo><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt><bdo id="epa7r"><rt id="epa7r"></rt></bdo><noframes id="epa7r"> <noframes id="epa7r"><rt id="epa7r"></rt><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><rt id="epa7r"></rt></rt><noframes id="epa7r"><rt id="epa7r"><delect id="epa7r"></delect></rt> <rt id="epa7r"><rt id="epa7r"></rt></rt><bdo id="epa7r"></bdo><noframes id="epa7r"><noframes id="epa7r"><noframes id="epa7r"><rt id="epa7r"><rt id="epa7r"></rt></rt><delect id="epa7r"></delect>