Google PageSpeed Insights：得分 100/100 的實際含義

您是否一直在努力在 Google PageSpeed Insights 上獲得完美的 100/100 分數？

你可能要再想一想。

儘管許多人認為如此，許多在 Google PageSpeed Insights 上得分為 100/100 的網站仍然無法提供最佳的用戶體驗。

不要被滿分的誘惑所迷惑。 在本文中，我們揭開了有關 Google PageSpeed Insights 分數的常見誤解，並解釋瞭如何達到 100/100 的令人眼花繚亂的高度。

什麼是 Google PageSpeed Insights？

Google PageSpeed Insights是一個（來自 Google）工具，通過測量不同的指標來量化網站的性能。 然後，它使用這些指標來計算 0 到 100 之間的分數，其中 100 是可能的最高分數，但任何高於 90 的分數都被認為是良好的。這些分數是使用 Google 的另一個工具Lighthouse計算的。

測試分別在移動設備和桌面設備上進行。網站在桌面設備上可以獲得高分，但在移動設備上得分較低。

最終分數結合了實際使用情況和實驗室測試，生成整體報告。 實驗室診斷測試給定 URL 的可訪問性問題和性能瓶頸，並在模擬環境中執行 SEO 檢查。 真實世界的測試測量首次內容繪製、累積佈局變化等指標，並將其與 Chrome 用戶體驗報告 (CrUX) 進行基準測試。

這些指標是針對 CrUX 數據庫中 75% 的用戶報告的，因此它真實地代表了大多數用戶的用戶體驗，並突出了最受挫的用戶的痛點。 值得注意的是，真實世界的測試顯示的是過去 28 天的性能，新的更新可能不會立即反映在分數中。

它是一個免費工具，可以幫助網站所有者評估其網站的性能並確定需要改進的領域。 通過使用該工具，開發人員可以進行更改以提高網站速度，從而獲得更好的用戶體驗和更好的整體性能。

使用 Google PageSpeed Insights，您會收到有關改進網站性能的建議。 這些建議可以包括優化圖像、縮小代碼以及減少頁面發出的請求數量。 通過遵循這些建議，網站所有者可以提高網站的速度和性能，從而帶來更好的用戶體驗。

Google PageSpeed Insights 的工作原理

當網站的 URL 輸入該工具時，Google PageSpeed Insights 將加載該網站並收集有關其性能的數據。 它衡量以下指標：

1. 首次內容繪製：此指標測量從頁面開始加載到任何可見內容呈現在屏幕上的時間。這評估了頁面的感知加載時間。
2. 第一次有意義的繪製：您可以使用它來測量從頁面開始加載到頁面主要內容可見的時間。這估計了用戶對頁面加載速度的感知。
3. 速度指數：衡量頁面內容視覺填充的速度。分數越低表示頁面加載速度越快。 優化此指標可以提高用戶感知的頁面加載時間。
4. 首次 CPU 空閒：此指標是頁面開始加載到瀏覽器主線程空閒到足以處理輸入之間的時間。這評估了頁面的響應能力。
5. 交互時間：此測量是從頁面開始加載到完全交互的時間差。這將檢查用戶與頁面交互的能力。
6. 首次輸入延遲：該指標衡量從用戶首次與頁面交互（例如單擊鏈接）到瀏覽器能夠響應該交互的時間。優化此指標可以提高用戶對頁面響應速度的感知。
7. 總阻塞時間：這是瀏覽器主線程被阻塞的總時間。這判斷頁面的響應能力以及主要內容可見的時間。
8. 最大內容繪製：此指標測量從頁面開始加載到最大內容元素呈現在屏幕上的時間。這評估頁面加載的速度。

Google PageSpeed Insights為移動設備和桌面設備提供單獨的分數。 這是因為網站的性能可能會根據訪問該網站的設備而有所不同。 移動得分考慮了移動設備的具體挑戰，例如較慢的網絡速度和較小的屏幕。

除了每個指標的結果（分數）之外，您還會發現有關您應重點關注的每個領域的一些有用建議，以提高 PageSpeed Insights 分數。

如何獲得 100/100 分

在 Google PageSpeed Insights 上獲得 100/100 分可能具有挑戰性，但通過遵循最佳實踐並使用該工具的建議，可以獲得完美分數。 以下是一些可以幫助您獲得 100/100 分數的策略：

1. 優化圖像：減小網站上圖像的文件大小可以顯著縮短頁面加載時間，而無需犧牲圖像質量。壓縮和調整大小等技術可用於優化圖像。 最好的方法是將我們的圖像調整大小插件與 Accelerated Domains結合使用。 該工具可在加速域邊緣調整圖像大小並優化圖像，使您能夠即時以正確的尺寸提供所有圖像。 由於調整大小和優化完全在加速域網絡內進行，因此您的服務器資源和帶寬不會受到影響。
2. 最大限度地減少頁面上廣告和不必要元素的使用：通過減少頁面上不必要元素的數量，您可以減少瀏覽器發出的 HTTP 請求數量並提高頁面加載時間。這可以通過刪除對用戶體驗不重要的不必要的廣告、腳本和小部件來實現。 廣告通常還會對累積佈局變化 (CLS) 產生負面影響 - 因為它們不是由您的託管提供商託管，而是由廣告網絡託管。 這意味著，即使您的網站由高性能 WordPress 託管提供商託管（就像我們在 Servebolt 一樣），廣告也可能會導致內容髮生變化，因為網站的其餘部分加載速度比廣告快（因此，當它們這樣做時，其餘部分也會發生變化）。頁面上的內容會發生變化以容納廣告）。
3. 使用瀏覽器緩存：瀏覽器緩存允許將經常訪問的資源（例如圖像和样式表）存儲在用戶的設備上。這使得頁面在後續訪問時加載速度更快。 通過設置適當的緩存標頭，Web 開發人員可以控制資源的緩存方式和緩存時間。 有多種方法可以做到這一點； 如果您使用 WordPress 等 CMS，您可以獲得可以為您管理此內容的擴展。 您還可以更改服務器上的配置文件（Nginx、Apache 等）以添加必要的標頭。
4. 利用 Google 的基礎設施：將流行的開源庫卸載到 Google 的內容分發網絡 (CDN) 也可以提高網站速度。這是通過 Google 在世界各地的服務器網絡上託管您的網站使用的最流行的開源 JavaScript 庫（例如 jQuery、D3.js 和 Dojo）的副本來實現的。 當您的站點加載到客戶端瀏覽器中時，將從距離用戶最近的服務器檢索所需的庫。 距離的縮短對整體頁面加載速度具有可衡量的影響。
   
   注意：雖然這將是您在使用 PageSpeed 見解進行測試時會觀察到的官方建議之一，但在 Servebolt，我們推荐一些替代方案，包括 Cloudflare、Servebolt 的 CDN 和加速域，所有這些都是不錯的選擇。雖然 Google 令人難以置信的團隊之一開發了 PageSpeed Insights 和 Core Web Vitals，但這並不意味著性能堆棧中的所有內容都必須（或應該）圍繞由他們構建的工具進行。
5. 遵循性能最佳實踐：遵循性能最佳實踐，例如消除渲染阻塞資源、延遲屏幕外圖像、縮小 CSS 和 JavaScript、刪除未使用的 CSS、有效編碼圖像、預連接到所需的源、最小化 HTTP 請求數量以及使用內容交付網絡可以幫助提高網站速度和用戶體驗。

關於 100/100 分數的誤解（或何時不關注分數）

對於一些開發者來說，100/100 的分數是最終目標，但它只應該被視為引導我們走向正確方向的指標。

當一項措施成為目標時，它就不再是一個好的措施。–古德哈特定律

將 PageSpeed 分數視為指導而不是最終目標非常重要。 儘管它可以為大多數用戶群提供有關網站性能的寶貴見解，但它無法個性化報告以準確反映特定用戶群的人口統計數據。

雖然高分是可取的，但重要的是要記住網站速度只是網站整體性能的一方面。一個網站可以擁有滿分，但仍然無法提供最佳的用戶體驗。

對網站進行任何重大更改時，優先考慮用戶體驗始終很重要。 雖然網站速度很重要，但它不應該是指導您決策的唯一因素。加載速度快但導航困難或功能較差的網站不會提供良好的用戶體驗。

重要的是要記住，您的網站訪問者根本不會真正關心您的 PageSpeed 測試。 你可以向他們扔出你辛辛苦苦取得的所有令人印象深刻的數字——他們根本不會感興趣。對他們來說重要的是他們的經驗。如果頁面加載速度快且響應迅速，他們會很高興。 即使你的指標聲稱只有 90 分。

如果您要對網站進行更改，請記住，您執行的任何速度測試最初可能會給人留下網站實際上速度變慢的印象。 這很可能是因為在更改之前進行的性能測試實際上使用了網頁和資源的存儲緩存。

更新的網站會提示緩存被刷新和更新，這不僅會比以前花費更長的時間，而且會向您展示網站的真實速度和性能。

有關這方面的更多信息，請閱讀我們的文章“您應該如何測試網站的速度和性能，以及為什麼您可能會做錯”。

電子商務商店的 PageSpeed 見解

PageSpeed Insights 分數是衡量電子商務商店體驗速度的一個很好的指標，但這並不是唯一重要的指標。 PageSpeed Insights (PSI) 分析網頁內容，並根據 Web 性能的一般原則生成提高該頁面速度的建議。 然而，PSI 並沒有衡量電子商務商店中可能影響用戶體驗的某些方面，例如購物車速度、結賬速度、產品推薦等。這些比通過測試和 SEO 更重要，因為它們會影響用戶是否會轉化。

例如：您的產品頁面會立即加載，但將產品添加到購物車需要訪問者 6-10 秒的時間，而加載結帳頁面則需要另外 6-10 秒的時間。這種體驗通常是由於網站性能造成的最大收入損失。 然而，這類原始性能優化（適用於後端處理，而不僅僅是優化前端加載的內容）是很少有人談論和知道如何優化的。因此，雖然 PSI 是監控電子商務商店績效的有用工具，但它不應該是唯一的工具。

您可以使用 Pagespeed Insights 來衡量後端性能嗎？

PageSpeed Insights 僅分析網頁的前端性能，不測量後端性能。 這包括在幕後發生的服務器端處理、數據庫查詢、API 調用等。 儘管前端和後端性能指標通常高度相關，但您仍然需要使用應用程序性能監控（APM）工具來衡量和優化網站的後端性能。

APM 工具可以幫助您監控整個堆棧（從瀏覽器到服務器再到數據庫）的 Web 應用程序的性能並對其進行故障排除。 APM工具可以為您提供響應時間、吞吐量、錯誤率、資源利用率等指標，幫助您識別和解決性能瓶頸和問題。 APM 工具的一些示例包括 New Relic、Dynatrace、AppDynamics 和 Datadog。

分數越高，搜索引擎排名就越好嗎？

不，較高的 PageSpeed Insight 分數並不能保證您在 Google 上的排名。 PSI 僅向您提供改進網站的建議 - 它並不反映 Google 用於對網頁進行排名的實際排名算法。 得分為 100 並不能保證您的排名會比得分為 90 的同一頁面更好。

Google使用許多其他因素來確定網頁的排名，例如相關性、質量、權威、用戶信號等。網站速度是排名因素之一，但它不是唯一的，甚至不是最重要的一個。因此，PSI 是提高網站速度和用戶體驗的有用工具，但它並不是衡量您在 Google 上排名的可靠指標。

行動後報告 – 了解 PageSpeed 的真相

許多人往往過於關注 Google 的 PageSpeed 分數，將其視為網站優化的聖杯。 在 Servebolt，我們當然了解盡一切可能將網站速度和性能作為首要任務的重要性。

但話雖如此，數字並不是唯一需要關注的優先事項。

我們在本文中展示的技術肯定會幫助您提高網站的性能並提高 PageSpeed 分數。 然而，考慮用戶的體驗也至關重要。

當然，網站性能和用戶體驗是齊頭並進的。您的網站性能越好，用戶需要處理的挫敗感就越少。 但始終致力於提高網站的性能和用戶體驗。 通常，花時間改進一個方面會對另一個方面產生積極影響。

如果您的目標是提高網站速度並為訪問者提供流暢且響應迅速的體驗，關鍵因素之一就是找到最快的託管解決方案。 免費試用 Bolt 14 天，親自體驗 Servebolt 的差異。

對根據經驗更快的託管託管感興趣嗎？ 嘗試我們的WordPress 託管方法：

• 可擴展性：在真實用戶工作負載測試中，Servebolt 的平均響應時間為 65 毫秒，比第二名快 4.9 倍。
• 最快的全局加載時間：平均頁面加載時間為 1.26 秒，使我們在全球 WebPageTest 結果列表中名列前茅。
• 最快的計算速度： Servebolt 服務器提供了前所未有的數據庫速度，每秒處理的查詢比平均水平高 2.44 倍，運行 PHP 比第二名快 2.6 倍！
• 完美的安全性和正常運行時間：所有顯示器均具有 100% 的正常運行時間，並且我們的 SSL 實施獲得 A+ 評級，您可以放心，您的網站在線且安全。