之前的文章我有提到過，怎樣使用??和使用?，這樣做的目的都是為了提高網(wǎng)頁加載速度。
這么做有必要嗎？為何網(wǎng)頁加載速度對網(wǎng)站來說很重要？網(wǎng)頁加載過慢又會有哪些不利的影響？
- 影響用戶體驗。這一點是最為重要的，如果一個網(wǎng)站一直卡頓遲遲不加載顯示頁面，那么用戶幾乎不用考慮就會點擊右上角的“關閉”按鈕退出網(wǎng)頁瀏覽。就像是客戶進到你的店里，看到空空如也的柜臺，你覺得他還會等著你一件一件的把商品擺上貨柜嗎，顯然不會，他只會憤而離去，轉頭去另一家店鋪。
- 影響谷歌分析數(shù)據(jù)。一般來說，網(wǎng)頁加速流暢的網(wǎng)站會標記更多的訪客，因為??代碼會優(yōu)先加載，在用戶瀏覽網(wǎng)頁時會實時記錄用戶在網(wǎng)頁上的行為，例如：點擊了下一頁、搜索了某個特定字詞、點擊了某個標簽又或者是在某篇文章內容下進行了留言互動等。如果網(wǎng)頁加載緩慢，用戶在谷歌分析代碼觸發(fā)之前就匆匆離開關閉了網(wǎng)頁，那么這個用戶的訪問行為將不會被谷歌分析記錄，我們有可能會錯過一位潛在用戶。
那么我的網(wǎng)頁加載速度應該要多快才符合標準呢？
很抱歉，這個沒有具體的衡量標準，一般建議網(wǎng)頁加載時間最好不要超過三秒。
很幸運，谷歌給我們提供了一個免費的檢查頁面速度的工具，PageSpeed Insights，本文將介紹如何使用 PageSpeed Insights 來測試網(wǎng)站加載速度。
PageSpeed Insights是什么
PageSpeed Insights（PSI）是谷歌推出的一款免費測速工具，它能報告網(wǎng)頁在移動設備和桌面設備上的用戶體驗，并據(jù)此提供改進建議。
如何進行網(wǎng)站測速
第一步：輸入網(wǎng)站網(wǎng)址
輸入網(wǎng)址后，點擊“分析”，然后等待幾秒鐘，就會看到測速結果。
圖片來源：PageSpeed Insights
在上圖中我們能看到手機設備和桌面設備的性能數(shù)據(jù)，但要注意這些只是模擬測試數(shù)據(jù)，也就是估算值。
如果你的網(wǎng)站有足夠的數(shù)據(jù)，PageSpeed Insights 會根據(jù)谷歌用戶體驗報告，使用過去 28 天的真實用戶數(shù)據(jù)來計算性能分數(shù)。
第二步：分析測速結果
PageSpeed Insights 提供了網(wǎng)站整體性能得分，這個分數(shù)與網(wǎng)站加載速度大致相關，但比起性能分數(shù)，用戶更在乎的是網(wǎng)站加載時間。
我們具體來看看每個分數(shù)的范圍：
- 0-49（紅色警告三角形）：表示網(wǎng)站整體加載緩慢；
- 50-89（黃色正方形）：表示網(wǎng)站加載速度可提升空間；
- 90-100（綠色圓形）：表示你的網(wǎng)站加載很快。
在分數(shù)下有 6 個重要指標，PageSpeed Insights 通過這 6 個指標來衡量網(wǎng)站的整體性能，理想狀態(tài)下，這 6 個指標都應該獲得綠色（90-100）分數(shù)。
圖片來源：PageSpeed Insights
接下來我們來解讀這 6 個指標代表的含義：
- First Contentful Paint（首次內容加載）：瀏覽器上頁面加載出第一條內容所需要的時間。
- Speed Index（加載速度）：在頁面加載期間顯示內容的速度。
- Largest Contentful Paint（最大內容加載）：瀏覽器上頁面加載最大元素所需要的時間。
- Time to Interactive（互動時間）：頁面完全交互所需要的時間。
- Total Blocking Time（總阻塞時間）：首次內容加載和互動時間的總和（FCP+TTI）。
- Cumulative Layout Shift（累積布局偏移）：頁面上的元素加載時偏移的程度
圖例中的 1-3 指標都沒有達到綠色分數(shù)，仍有改進提升的空間，在這些指標中，需要特別注意的是第 3 個“最大內容加載”指標，理想情況下，這個指標最好在 2.5 秒或更短的時間內。另外 Google 的研究表明，當該指標超過 3 秒時，網(wǎng)站的跳出率會增加 32%。
圖片來源：Think with Google
如果這 6 個指標中出現(xiàn)紅色分數(shù)，有可能是你的頁面上出現(xiàn)了未經(jīng)壓縮的圖像或視頻，也有可能是你的網(wǎng)站托管速度較慢，還有可能在頁面加載時存在多個元素在移動，這些都會導致用戶訪問體驗不佳。一旦發(fā)現(xiàn)了這些存在的問題，那么你就應該立即有針對性地做出調整改善。
鼠標向下滑，能看到 PageSpeed Insights 給出的優(yōu)化建議，例如：“請縮短初始服務器響應用時”，針對這一條給出的建議是：使用更優(yōu)化的主題背景、選擇優(yōu)化或升級服務器。
以上都是移動設備的測速，同樣的我們也可以查看桌面設備上網(wǎng)頁加載的情況和性能分數(shù)。
相比起移動設備，桌面設備上的加載時間提速了不少，但仍舊有需要改進的地方。
相關文章
