如何提高您的 Google PageSpeed Insights 得分
已發表: 2021-09-17谷歌有一個複雜的算法，在對網頁進行索引和排名之前會考慮很多因素。 這些排名因素之一是頁面速度。
加載速度更快的優化頁面在 Google 搜索結果中表現更好。
這就是為什麼網站管理員花費大量時間關注頁面速度......為什麼他們不呢？
您的頁面速度對於提供更好的用戶體驗和提高 SERP 排名至關重要。
即使你有很棒的內容，如果你不能讓你的頁面加載得更快，人們也會忽略它。 如果您的網站需要很長時間才能加載，那麼撰寫獲獎文章是沒有意義的。 您的受眾如何與您的網站互動取決於您的頁面速度。
慢速網站通常具有較高的跳出率，這直接影響他們的排名，更不用說他們的業務了。 如果您想提高轉化率並針對搜索引擎優化您的網站，頁面速度至關重要。
在當今互聯網時代，人類的注意力從 12 秒縮短到 8 秒。 用戶不喜歡等待太久才能找到搜索查詢的答案。
谷歌總是把用戶體驗放在首位。 因此，如果您無法提供更好的用戶體驗，您可能不會看到任何自然流量。
為了幫助網站管理員分析和改進他們的網站性能，Google 推出了 Google PageSpeed Insights 工具。
Google PageSpeed Insight 將幫助您分析您的網頁並提供相應的建議，以加快您的網頁加載速度。
它顯示了有關您的網站在桌面和移動設備上的運行情況的報告，以及您可以進行哪些更改以提供更好的用戶體驗。
我們將更多地討論這個工具，但首先，讓我們了解什麼是頁面速度。
什麼是頁面速度
頁面速度是指加載網頁內容所需的時間。 決定網站頁面速度的因素有很多，包括網站架構、後端腳本、服務器速度、服務器響應時間、整體頁面大小以及網頁中的圖像數量。
但這些只是與頁面速度相關的幾個元素。 如果您使用任何頁面速度分析工具，您將看到影響網站頁面速度的所有其他組件。
很多人經常將術語“頁面速度”與“站點速度”混淆。
網站速度是從您網站的頁面訪問的隨機樣本中測量的。 而有多個指標來衡量頁面速度。
在這裡，我們列出了衡量頁面速度的最常用指標。
- 頁面加載時間：這是完全呈現和加載 100% 網頁內容所需的時間。 它用於確定頁面在移動設備和桌面設備上完全加載的速度。
- 第一個字節的時間 (TTFB)：這是在提交請求後，服務器將數據的第一個字節傳輸到瀏覽器以及瀏覽器顯示該數據所花費的時間。
- First Contentful Paint (FCP)：這是瀏覽器在用戶導航到您的頁面後呈現第一段 DOM 內容所需的時間。
優化頁面速度可能有點棘手，因為有多個指標會影響網頁的加載時間。
為了幫助您評估和提高頁面速度，您可以使用Google PageSpeed Insight ，因為它直接合併了來自 CrUX（Chrome 用戶體驗報告）的數據。
為什麼提高頁面速度很重要
谷歌多次表示頁面速度是許多重要的排名信號。 它的算法使用來自 Google lighthouse 的頁面速度數據和 chrome 用戶體驗報告 (CrUX) 對網頁進行排名。
加快您的網站速度至關重要，因為它將幫助您增加自然搜索流量並提高排名。 但最重要的是，它將改善您網站的用戶體驗。 如果您正在為您的網站進行 SEO，頁面速度是不容忽視的。
提高頁面速度並改善加載時間會非常有益，因為它會：
- 提高您網站的排名
- 提高您的內容知名度
- 為您的網站帶來自然流量
- 降低跳出率
- 提高您的轉化率
- 提供更好的用戶體驗
- 產生更多收入
- 為您的網站帶來優質流量
如果您的網站需要很長時間才能加載，您不僅會損失收入，還會失去信譽。
運行緩慢的網站就像西西弗斯的詛咒。 較慢的網頁就像一塊大石頭，您必須將其帶到山頂。
背著額外的重量重複攀登“內容之山”是沒有意義的。
谷歌 PageSpeed 見解
如果您熟悉 SEO，您可能聽說過 Google PageSpeed Insight。 它是 Google 提供的免費工具，可讓網站所有者測試其網站的性能。
您可以輸入任何 URL 以查看該網站的加載速度。 然後，Google 會根據幾個頁面性能指標和頁面速度指標為您測試的 URL 打 100 分。
Google PageSpeed Insight 將向您展示您的網站可能需要改進和優化的領域。
它還將幫助您提供建議和步驟，以提高您網站的性能。
Google PageSpeed Insight 使用來自Lighthouse的數據，這是一種用於提高網頁整體質量的自動化技術。
您可以使用 Google Lighthouse 評估性能、可訪問性、漸進式 Web 應用程序和其他特徵。
完善 Google PageSpeed 分數
雖然內容創建者忙於完善他們的 Google PageSpeed Insights 分數，但他們往往忽略了最重要的部分……優化頁面。
您使用 Google PageSpeed Insights 報告的主要目的應該是遵循建議而不是沉迷於數字。
不要在數字遊戲中上風。 而是專注於提高整體網站的性能並提供更好的用戶體驗。 這些指標有時無法反映您網站的實時表現。
話雖如此，您絕對應該盡可能地改善網站的加載時間。 您不必為 100/100 的頁面速度得分而努力。
當您處理建議時，您最終會看到分數的變化。
有多個平台可用於檢查您網站的頁面速度。
GTmetrics 是另一個很棒的工具，可讓您從不同位置分析頁面速度。 它結合了 Google PageSpeed Insights 和 Yslow 的結果，為您提供更廣泛的報告。 還有其他頁面速度檢查工具，例如 Pingdom，可以顯示您的網頁需要改進的所有區域。
這些工具中的每一個都使用不同的指標，您可能會在這些平台上看到不同的結果。 這表明這些數字可能有多麼不一致。
您的網站訪問者不關心您的 Google PageSpeed Insights 得分，也不關心您如何優化您的網站。 他們想要一個更快的網頁和好的內容。
因此，您應該使用這些建議來提高頁面速度並提供更好的用戶體驗，而不是查看這些數字。
使用 Google PageSpeed Insights 的目的不是為了獲得高分。 相反，它是關於確定您的網站可以改進的問題和領域。
您可以找出需要改進的地方和需要優化的元素，以減少實際和感知的加載時間。
如何提高 Google PageSpeed Insights 得分
除了您網站的用戶體驗和內容外，您網站的運行方式對 Google 來說也非常重要。
由於谷歌為網站所有者創建了一個單獨的工具來分析他們網站的頁面速度並識別所有減慢他們網站的元素，很明顯谷歌希望你的網站更快。 因此，您的 PageSpeed 洞察力得分可能會影響您的 SERP 排名是可以理解的。
但這並不意味著您的網站需要獲得滿分才能在搜索結果中排名靠前。 谷歌不只是考慮該圈內的分數。 這不僅僅是一個任意數字。
在 2021 年 5 月 Core Web Vitals 算法更新後，谷歌宣布將頁面體驗信號納入谷歌搜索排名。 自從谷歌公開宣布頁面速度是一個重要的排名因素以來，已經有十多年了。
但現在谷歌也將研究用戶如何與網頁交互。 這意味著他們會在對網頁進行排名時考慮您的首字節時間 (TTFB)、首次內容繪製 (FCP)、在頁面上花費的時間、跳出率和其他一些指標。
雖然這些數字可以讓您深入了解您的網站的表現，但有時它並不能捕捉到整個畫面。
因此，與其專注於完善您的 Google PageSpeed Insight 分數，不如專注於提高整體 SEO 以及如何加快網頁速度。
在這裡，我們將分享一些建議，幫助您識別填充網頁的元素，以及您可以採取哪些措施來減少網頁的加載時間。
1.避免多頁重定向
當您將頁面指向另一個 URL 或刪除已編入索引的網頁時，就會發生重定向。 當您使用優化不佳且對不同設備沒有響應的主題時，也可能會發生多個頁面重定向。
點擊後登陸頁面重定向可能會讓用戶感到非常沮喪，並且會減慢您的頁面速度。
我們使用的是響應式主題，我們的移動用戶不必經歷多次點擊後登錄頁面重定向。
讓我們看一下點擊後登錄頁面重定向如何影響您的頁面速度：
- example.com – 該網站使用響應式網頁設計，因此不需要重定向，因此它是最佳和最快的選擇。
- example.com → m.example.com/home - 此頁面為移動用戶經歷了多次重定向。 因此，它的加載時間相對較慢。
- example.com → www.example.com → m.example.com – 移動體驗非常慢。
有時重定向可能很有用並且沒有任何問題，但它們可能會導致您的加載時間嚴重延遲。
盡量避免許多重定向並使用響應式主題，該主題可以根據屏幕大小和分辨率平滑調整其佈局。
2.優化圖片以提高頁面速度
圖像優化是頁面搜索引擎優化的關鍵組成部分。 為照片使用正確的圖像文件名和 alt 標記是不夠的； 它們也需要被壓縮。 圖片可能會對頁面性能產生重大影響，從而降低您的網站速度。
谷歌已經警告網站管理員圖像大小如何影響頁面速度。 圖片可以使您的網頁更重，這使得加載時間更長。 但是，擁有優化的圖像會減小網站的大小，使其加載速度更快。
您需要格式、尺寸、大小和分辨率正確的高質量照片，同時將文件大小降至最低。
您的網頁大小會直接影響加載時間和 Google PageSpeed Insights 得分，並最終影響您的 SERP 排名。
由於圖像和其他圖形元素佔整個頁面大小的 50-80%，使用正確的格式壓縮圖像可以幫助您大大減少加載時間，從而提供更好的用戶體驗。
3.啟用Gzip壓縮
如今的瀏覽器能夠呈現網頁的優化和壓縮版本。 無需加載整個網頁，您可以使用 GZIP 壓縮將您的頁面縮小至 90% 並提供頁面的優化版本。
現在幾乎所有的 Web 服務器和瀏覽器都使用 GZIP 壓縮來壓縮和解壓縮在 Internet 上來回傳輸的網頁。
這種文件壓縮方法最常用於文本和代碼，它可以將 JavaScript、CSS 和 HTML 文件壓縮高達 90%。 瀏覽器可以請求在很短的時間內加載的壓縮版本，而不是將整個頁面交付給用戶。
4. 縮小 CSS、HTML、JavaScript
有時由於糟糕的編碼和優化，我們的網站會陷入後端不必要的代碼行。 由於瀏覽器必須處理所有這些代碼行，這些不必要的代碼會減慢您的頁面速度。
“縮小”代碼是指在不影響您網站的前端以及瀏覽器如何處理頁面的情況下刪除不必要或冗餘的數據。 有時您不需要額外的代碼行來正確運行您的網站。 通過刪除這些不必要的字符、空格和重複，您的頁面加載速度更快。
谷歌更喜歡網站管理員保持他們的代碼優化並縮小他們網站後端的代碼。 您可以使用 Google 的 AMP 框架來縮小後端文件並獲得 HTML、CSS 和 JavaScript 的精簡版本。 這將幫助您在幾分之一秒內加載您的網頁。
有一些簡單的方法可以在不具備任何編碼技能的情況下縮小 CSS、HTML 和 JavaScript 代碼。
如果您是 WordPress 開發人員，您可以使用像 wp-rocket 這樣的緩存插件來縮小代碼。
5. 為您的網站啟用瀏覽器緩存
在為用戶完全加載頁面之前，服務器和瀏覽器之間可能需要多次請求。 這可能不是向用戶提供內容的最有效方式，因為這可能需要一些時間。
這就是瀏覽器緩存發揮作用的地方。 瀏覽器緩存允許 Web 瀏覽器快速向用戶提供網站的靜態版本，而不是在每次有人點擊時動態地提供網頁內容。 緩存所做的是讓瀏覽器“記住”最近加載的某些元素——標題、導航、徽標等。
瀏覽器可以緩存的項目越多，當用戶請求任何內容時它必須加載的元素就越少，頁面出現的速度就越快。
與沒有緩存的網站相比，提供網頁的靜態版本所需的時間相對較短。 這可以大大提高您的 PageSpeed Insights 分數。