Google PageSpeed Insights:如何達到最高分並獲得更多結果?

已發表: 2021-07-12

什麼更好:快速做某事還是做得好?

這個問題會在任何一輪對話中引起有趣的討論。 儘管如此,本文的重點是表明它們在許多情況下是相同的,尤其是在涉及網站、博客和應用程序的用戶體驗時。

頁面的加載速度決定了一切。 在對搜索結果中的頁面進行排名時,Google 非常重視這個因素,這並非巧合。

即使您的網站具有適合您的角色的理想設計,並且您已經查看了超過一千次的內容以確保它足夠清晰和直接,但如果您沒有輕量級、快速的頁面,您的策略也會受到影響。

幸運的是,Google 創建了一個名為Google PageSpeed Insights的工具,它可以幫助您評估(和提高)網站的加載速度

讓我們詳細了解此功能的工作原理以及為什麼您需要立即開始使用它來提高您的網站速度。

在本文中,您將了解到:

    什麼是 Google PageSpeed Insights?

    PageSpeed Insights,也稱為 PSI,是一種在線谷歌工具,用於評估網頁的加載速度。

    Google Pagespeed 洞察第一頁

    評估移動設備上的性能得分與台式機上的性能分開並為優化頁面速度提供實用建議。

    這使 PSI 成為一種直觀且易於使用的解決方案,更不用說它是免費的。 但有些人認為這並不重要。

    為提供這些見解而收集的所有數據都是通過 Chrome 用戶體驗報告收集的,其中包含有關 Chrome 用戶在現實世界中使用公共網絡的信息。

    了解是什麼促使 Google 創建這樣的功能可以幫助您進行不同的思考。

    是什麼激發了像 Google PageSpeed Insights 這樣的服務?

    您可能已經聽膩了兩個小詞——用戶體驗——總結了谷歌在捍衛和鼓勵創建更快、更輕的頁面方面所做的工作。

    沒有人喜歡等待太久才能在瀏覽器中找到他們想要的信息。 想想您自己的經歷:有多少次您在等待手機甚至計算機上加載頁面時不耐煩?

    如果你停下來想一想,你會發現大多數情況下,這種大的“延遲”只是幾秒鐘的事情。 因此,如果 1 秒對用戶來說似乎是一周,那麼慢速網站會對導航體驗產生負面影響

    谷歌不想要這個,你也不想要。 畢竟,糟糕的經歷會轉化為更少的錢。

    事實上,最近一次谷歌移動頁面速度行業基準表明,大多數網站都遠非完美。 它正在發生在所有行業。

    這是谷歌向公眾提供這些指標的一個很好的理由,所以每個人都可以看到有很大的改進空間。

    加載時間過長的頁面會怎樣?

    一個網站的加載時間比平均時間長 1 秒,這有什麼不同嗎? 絕對地!

    想看證明? Kissmetrics 對此主題的一項研究表明,延遲 1 秒會導致網站上的轉化次數減少 7%。

    舉個例子,如果電子商務一天的銷售額為 10 萬美元,加載頁面僅多1 秒就可能導致每年損失高達 250 萬美元的銷售額

    聽起來很荒謬? 查看頁面加載時間影響您的運營和銷售結果的幾種方式。

    較高的輟學率

    上面提到的同一個 Kissmetrics 調查表明,在線購物者的行為會根據他們所在商店的速度發生很大變化。

    研究表明,不少於40% 的客戶離開加載時間超過 3 秒的網站。 你知道那是什麼意思嗎?

    如果您的電子商務需要 3.5 秒才能加載,那麼您可能會浪費幾乎一半的流量潛力並損失大量銷售額。

    更少的轉化

    滿意的客戶購買兩次、三次或十次。 事實是,如果您的客戶不喜歡購物體驗,他們就不太可能回來。 頁面的加載時間對此有何影響?

    延遲 1 秒(或等待 3 秒)會使客戶滿意度降低 16%!

    作為對這種洞察力的補充,這是一個很好的警告,因為 79% 的客戶表示對網站的感知性能不滿意,不會再次在該網站上購物。

    降低自然流量

    流量是商業關係的源頭。 沒有它,就沒有購買。 自然流量更加寶貴,因為它是自然而然的,而且獲得的成本比投資廣告要低。

    如果您認為,至少在這一點上,網站速度不會成為問題,那您就錯了。 Kissmetrics 還顯示, 44% 的買家將負面的在線體驗告訴他們的朋友

    就像“口耳相傳”可以極大地幫助獲得合格的自然流量一樣,反之亦然:您可能會因為在角色眼中造成不良聲譽而失去訪問量。

    在 Backlinko 最近的一項研究中,他們發現頁面速度會對 SERP 排名產生重大影響。 看看下面的視頻,他們展示了研究結果。

    你知道這裡提供的所有數據清楚地表明了什麼嗎?

    看似微不足道的一小部分時間實際上對您的公司將如何看待以及它將實現的財務結果產生重大影響。

    換句話說,在網上開展業務時,時間就是金錢,這確實令人震驚。

    下載免費信息圖以了解速度如何影響您的網站

    Google PageSpeed Insights 分數如何運作?

    當您在 PSI 中鍵入 URL 時,您的站點收到的分數不是隨機的,也不是隨機的。 您需要充分了解分析過程,才能使其準確可靠。

    那麼在確定每個網頁應該獲得哪個評級時,Google 使用什麼標準?

    基本上,PageSpeed Insights 做兩件事:

    • 分析頁面的加載時間以及它擁有多少資源(插件、與服務器通信更頻繁並使頁面加載時間更長的代碼腳本等);
    • 將此數據與分析的所有頁面的平均值進行比較。

    在比較之後,PSI 製作了一份簡單但客觀的報告,其中顯示:

    • 網頁的平均加載時間是多少;
    • 您的頁面加載時間是多少;
    • 他們的最終頁面速度得分;
    • 優化加載時間的方法建議。
    實驗室數據谷歌頁面速度見解

    評分是如何進行的? 它從 0 到 100,在算法將頁面與最佳實踐(由 Google 自己創建)進行比較以優化性能得分時定義。

    最後,根據有多少改進和優化的空間給出等級,即您還需要申請多少推薦積分。

    在編號分數旁邊,有一個文本排名,如下所示:

    • 好:80 分以上;
    • 平均:得分在 60 到 79 之間;
    • 差:得分從 0 到 59。

    如果您對如何使用和分析這些數字有任何具體問題,Google 在 Stack Overflow 上提供了一個頻道,供用戶解決他們的疑問。

    如何使用 Google PageSpeed Insights 報告?

    使用 PSI 報告非常容易。 正如我們所解釋的,只需訪問 PageSpeed Insights 鏈接並輸入您的 URL 即可查看結果。

    但是然後呢? 您需要迅速採取行動來修復錯誤並獲得更好的結果。 在建議的正下方,有帶有“顯示如何修復”字樣的鏈接。

    單擊它們後,您將看到哪些文件使頁面變慢,以及如何處理它們以減少服務器響應所需的時間。

    診斷谷歌頁面速度見解

    接受診斷既簡單又快捷,但只有在您準備好進行“治療”並一勞永逸地優化您的網站時才這樣做。

    為什麼在 PageSpeed Insights 上獲得好分數很重要?

    首先,PageSpeed Insights 的良好評級意味著網站具有令人滿意的 SEO 配置。

    那是因為,就像 Mobile Friendly 和 Mobile First 一樣,智能手機的加載速度是近年來 Google 自己評論最多的標準之一。

    但好處更進一步! 具有靈活頁面的站點對用戶體驗有顯著貢獻,這意味著較低的跳出率、更長的訪問者在頁面上的時間、增加的流量和潛在客戶數量的增長

    但是,在電子商務中,這種影響更為關鍵,因為該指標直接影響銷售和轉化率以及購物車退出的數量。

    2012 年,QuBit 的一項調查已經表明,僅因為這個原因,在線零售每年的全球銷售額就損失了約 17.3 億英鎊(近 22.7 億美元)。 現在,想想互聯網上超過 57% 的搜索來自移動設備!

    資料來源:https://www.3xceler.com.br/blog/e-commerce/mobile-ultrapassa-o-desktop-no-trafego-de-buscas

    另一項值得一看的研究是沃爾瑪網站進行的一項調查,該調查旨在評估加載時間對轉化率的影響。 結果不言自明。

    來源:https://www.slideshare.net/devonauerswald/walmart-pagespeedslide

    所有這些都改變了我們對消費者旅程的理解。 如果說以前上網和在網上商店購物僅限於住宅、機構和局域網,今天,這種情況無時無刻不在發生。

    此外,用戶對數字平台、在線銷售和交易的熟悉也促使消費者對其訪問的網站的質量和安全性變得更加敏感

    從這個意義上說,緩慢的網站,尤其是加載失敗的結賬和支付頁面,從未引起如此多的不信任。

    如何在 PageSpeed Insights 上獲得最高分:10 個關鍵因素

    您肯定會關注 100 分 — 最高分,並且可以保證世界上最大的搜索引擎對您的頁面的好評。

    這很好,但要獲得夢寐以求的成績,您必須嚴格遵守報告建議並及時優化您的網站

    由於每個網站都有不同的情況,我們將討論大多數具有良好(但不是很好)成績的網站需要改進的 4 個因素以及如何做到這一點。

    1. 更少的 HTML 代碼

    優化 HTML 代碼可能會被忽視,特別是如果您的網站已經存在了一段時間或者是在沒有遵循 Google 的最佳實踐的情況下構建的。

    事實上,代碼的組織方式決定了服務器如何讀取信息以及它在屏幕上出現的時間。

    非故意使用的重複代碼或標籤會造成妨礙。 幸運的是,無需查看整個代碼結構即可進行必要的更改。

    有一些 HTML 壓縮工具可以自動快速地完成這項工作。 其中一些甚至可以用作 CMS 插件。

    2.利用好緩存

    在 PSI 分析中,審查的主要元素之一是瀏覽器需要從您的頁面中吸收的資源數量。

    這包括圖像、腳本、字體等。所有這些都可以通過緩存“存儲在瀏覽器的內存中”。

    因此,瀏覽器只會加載元素一次。 每次用戶更改頁面時,瀏覽器只會“記住”它們並從緩存中提取必要的信息。

    但是您需要優化您的網站以充分利用這種可能性。

    諸如 W3 Total Cache 之類的插件是世界上最流行的插件之一,可以出色地完成這項工作並提供其他功能來優化您的代碼。

    3.資源壓縮

    頁面加載中最重要的元素之一是圖像,這使得壓縮成為 PageSpeed Insights 最經常出現的建議之一。

    許多人忘記壓縮圖像,這很重並且會拖慢網站速度。

    隨著互聯網變得越來越可視化,擁有許多這種類型的文件是很常見的。 因此,沒有什麼比使用好的壓縮器來減小此類文件的大小更好的了。

    CSS 和 Javascript 也是如此。 它們與 HTML 一起構成了整個頁面。 因此,很明顯,這些文件的壓縮將顯著提高它們的感知性能,以及它們的整體 PSI 評級。

    您可以使用 TinyPNG 等免費工具壓縮圖像,然後再將其發佈到您的博客上。

    4. AMP:加速移動頁面

    AMP (Accelerated Mobile Pages) 是 Google 自己的另一項舉措,旨在確保網站頁面在移動設備上的加載速度更快。

    這個想法是提供更基本的移動體驗,沒有在桌面版本中會更好的東西。 通過去除這些不必要的功能,網站速度會變得更高。

    這清楚地表明,與網站的全功能版本相比,用戶擁有快速而直接的體驗更好,在後者中他們將被迫等待更長時間才能看到內容。

    5. 減少頁面大小

    當然,一個頁麵包含的資源越多,它就越重,加載時間也就越長。

    一般來說,圖像和視頻對頁面的重量貢獻最大。 但是,還應考慮 JavaScript 和 CSS 文件的總大小。 讓我們分部分來看看這一切。

    6. 外部上傳的視頻

    如果圖像使您的頁面變得沉重,想像一下視頻對它們沒有什麼作用,對嗎?

    除非在非常特殊的情況下 - 例如非常受限的平台或需要更高安全級別的內容 -建議您的視頻始終在外部託管,正如我們在上一個子主題中所述。

    最常用的媒體是 YouTube 和 Vimeo,這些平台不僅可以輕鬆地將其播放器集成到其他網站中,還可以幫助您推廣品牌並改善搜索結果。

    如果您提供受限制的內容,例如付費在線課程,兩種媒體都提供非列表選項,該功能會隱藏您的視頻以防止搜索,並且只允許從您可以在頁面中附加的單個鏈接(如 HTML)進行訪問。

    7. 最小化 JavaScript 和 CSS 文件

    這是一個不太明顯的問題,可能這就是為什麼它被如此忽視的原因:同一個 SEMrush 調查顯示68% 的站點具有未壓縮的 JavaScript 和 CSS 文件

    正如該術語本身所闡明的那樣,最小化意味著減少或簡化這些代碼,這可以通過刪除不必要的行、不必要的註釋和空格來完成。

    這些文件在您網站的整個可視化背後,有時會寫得過多以方便將來的編輯。 此外,它們可以通過各種插件進行更改。

    但請放心,您無需掌握任何這些語言即可執行此過程。 有幾種工具可以為您完成:

    • 快速速度縮小;
    • WP 超級縮小;
    • 在線 YUI 壓縮器。

    但是,請記住在使用任何這些解決方案之前進行備份

    您網站的主題或某些文件總是有可能受到該程序的影響。 因此,請務必謹慎並確保進行一些測試。

    8. 壓縮文件

    Gzip 是一種 Web 文件壓縮格式,對於那些爭取良好頁面速度分數的人來說,它充當了真正的通配符。

    通過壓縮數據庫中的 CSS、JavaScript 和 HTML 文件,您的頁面大小可以減半,甚至更多。

    由於當今所有的瀏覽器都與此功能兼容,因此訪問該站點的人不會發生任何變化。

    一些服務器已經自動執行此操作——您可以通過在 Varvy SEO Tool 站點上測試您的 URL 來驗證您的站點是否具有此類服務。 但是,如果這不是您的情況,您可以利用提供此選項的 WP Fastest Cache 等插件來利用瀏覽器緩存。

    9. 清理重定向

    通常,影響網站速度的並不是頁面加載,而是一系列重定向迫使瀏覽器在最短的時間內加載多個頁面。

    這個問題在已經進行了多次地址遷移的大型站點中很常見——協議更改(例如 HTTPS)、重複頁面(有些帶有 www,有些沒有)、類別更改、URL 結構等。

    這些重定向累積起來,使您頁面的鏈接路徑越來越長。

    因此,盡量使您的站點地圖保持最新,以便人們可以直接訪問您站點的當前地址,並且僅實施絕對必要的重定向——例如具有重要外部鏈接的頁面。

    至於其他的,請盡快刪除!

    10. 改進服務器性能

    這在獲得大量流量的博客、新聞頻道和電子商務中是一個更顯著的問題。

    隨著您的項目在 Internet 上的發展,必須進行更改以保持增長速度。 其中之一是您的託管計劃。

    例如,在提到的情況下,建議投資一個能夠支持大量並發訪問者的專用服務器,並減少緩慢和系統中斷。

    沒有為更大需求時期(例如黑色星期五或聖誕節)做好準備的虛擬商店通常會對這些基本問題感到驚訝。

    但是,還有其他因素可能會影響服務器性能,例如過時的軟件、緩慢的數據庫查詢、內存限制,甚至本地電源管理或計算機散熱故障。

    因此,請務必激活您的託管公司的支持,以防您的網站持續緩慢,並在僱用此類服務時始終選擇知名且參考良好的公司。

    PageSpeed 應該是我唯一的參考嗎?

    您可能已經遇到過在 PageSpeed Insights 上提到您評估的最低數量的頁面。

    有人說理想的分數是 95 以上,其他人甚至說達到 100 是必不可少的,至少在桌面上是這樣。 不要被這些概括所迷惑!

    涉及到許多變量,在加載時放棄某些功能(例如監控、跟踪和轉換像素)並不總是有趣的幾毫秒。 每個案例都是獨一無二的。

    Google 規定, 90 分以上的任何分數都被認為是理想的,50 到 89 分之間表示該網站需要基本調整,只有低於 50 分錶示需要進行重大維修。

    此外,雖然頁面速度擁有搜索巨頭的權威,但其工具有重要的局限性:分析是通過未知位置的服務器進行的,移動測試以3G連接為參數

    因此,將頁面速度結果作為參考,但不要讓它的報告成為一種痴迷。

    一個有趣的技巧是在其他工具中測試站點並比較所有這些工具的數據。 看看下面的一些選項!

    GTmetrix

    它的原理與任何其他同類工具相同,但使用 GTmetrix,您還可以在完全免費的環境中將您網站的感知性能得分與市場平均水平進行比較。

    Pingdom

    Pingdom 非常適合需要更完整報告並願意為此付費的人。

    它分析來自世界不同地區的交叉數據,其平台甚至在檢測到問題時發送警報。

    岩石階段分析儀

    對於更精細的分析,我們的解決方案是 Stage Analyzer,這是一個完整的性能評估器,旨在幫助您識別站點上的錯誤和增長機會。

    Stage Analyzer 對您的站點進行全面掃描,以查找配置和 URL 錯誤、不正確的圖像縮放以及 SEO 失敗和缺陷,以及可能影響頁面用戶體驗的其他因素。

    只需兩分鐘,您就會收到一份方便的建議列表,以幫助您逐步提供站點所需的改進。 事實上,WordPress 網站最有可能獲得更好的性能分數。

    所有這一切都具有隻有拉丁美洲領先的內容營銷公司才能提供的質量和專業知識。

    如您所見,在 Google 的 PageSpeed Insights 上獲得良好評級很重要,但這只是我們用來優化和監控網站性能得分的眾多參數之一。

    本文到此結束,但您可以——而且應該——立即開始改進您的博客或網上商店。

    使用 Rock Content 的 Stage Analyzer 分析您網站的性能,並獲得完整的 SEO 報告來指導您的策略!