沒人會告訴你的 17 大核心 Web Vitals 技巧和竅門!
已發表: 2022-07-17
我看到社交媒體上發布了很多關於這個仍然神秘的話題的不良信息,我認為是時候通過 Core Web Vitals 提示和技巧傳遞我的一些知識,以幫助您在自己的網站上傳遞生命信息。
注意:我在這篇文章中寫的所有內容都可能 100% 錯誤,因為事實上沒有人真正知道 Core Web Vitals 是如何工作的——(包括谷歌)大多數時候因為規則似乎是當場製定或總是在變化自從它第一次宣布。
我記得在 2021 年 5 月,Philip Walton、John Mueller、Annie Sullivan 和 Elizabeth Sweeny 進行了有關 Core Web Vitals 的現場直播,小組中出現了混亂。 Core Web Vitals 對每個人來說都是全新的、原始的和令人興奮的!
在 Core Web Vitals 之前——事情沒有那麼複雜
不久前有一段時間,網站被允許在互聯網上自由漫遊,而不用擔心體驗和速度等麻煩。 這一切都在一夜之間改變了,現在網站所有者不得不擔心這個新的 Core Web Vitals 事情。
包括我自己在內的博主們會前往 ThemeForest 之類的地方,購買一個在門外看起來很棒的高級主題,但暗中持有大量臃腫的插件和寫得不好的代碼,現在隨著性能開始下降,現在積極地暴露在討論板上第一次被談論。
隨著 Core Web Vitals 被談論為下一個重要的 SEO 排名因素,壓力越來越大,每個主題、插件、頁面構建器甚至託管公司都被關於速度和性能以及它如何影響他們的 Core Web Vitals 的新問題轟炸。
那裡的每一家公司都在爭先恐後地提高自己的績效,否則就會開始失去客戶。 多虧了 Core Web Vitals,世界各地的網站發布者的情況發生了永遠的變化,因為擔心不通過這項新的 SEO 測試會破壞他們的網站排名。
旅程:我個人如何偶然發現核心 Web Vitals
就像其他人一樣,我有幾個我正在積極維護的愛好博客,並不斷看到有關如何提高網站速度的參考資料。 我不記得確切的年表了,但這一切都始於人們在 Pingdom 和 GTmetrix 上測試他們的網站的“加載時間”並吹噓他們的網站有多快。

儘管周圍有免費的緩存插件,但這是第一次出現 WP-Rocket、Swift Performance 和最終 FlyingPress 等高級緩存插件真正開始爆炸式增長——人們現在願意花錢讓他們的網站更快、更快地成為規範。
我還發現了快速增長的 Facebook 群組,例如 WP Speed Matters 和 WordPress Speed Up,人們紛紛加入社區並對網站速度優化感到好奇。
這是一個美妙的發現時刻,每個人都在嘗試新事物,並且非常樂意分享他們的成果。
“我用 ShortPixel 壓縮了我的網站圖像,現在我的網站在 1.1 秒內加載!”
小組中的每個人都會立即爭先恐後地嘗試 ShortPixel。
有很多從眾心理,嘗試每個新插件,並與這些 Facebook 群組中的其他成員進行激烈競爭,以發布更快的加載時間。
這就是我第一次從自己的經歷中記住它的方式,至少當我第一次進入競爭時,臨時網站所有者也在尋找他們進入網站優化的方式。
怎麼回事? Google PageSpeed Insights (PSI) 的出現
一切都是一個完整的聚會,每個人都玩得很開心。
再次。 我不記得確切的時間表,但 Google 現在更多地談論 Core Web Vitals 和他們自己的工具 PageSpeed Insights (PSI)。
我不記得當時我是否經常使用 PSI,每個人仍在使用 Pingdom 和 GTmetrix 測試他們的網站,新的 PSI 移動測試絕對毀了每個人的聚會。
人們普遍獲得良好的桌面分數並為此感到自豪,現在他們通過 PageSpeed Insights 運行他們的網站,他們的移動分數處於深紅色。
GTmetrix 還推出了他們的最新更新,以更好地包括 Core Web Vitals,而不僅僅是一個網站速度測試工具。

有仇恨,人們很憤怒——優化您的網站現在變得更具挑戰性。
成為 Facebook 群組版主並與 Ben (Rocket) 會面
我被所有事物優化和網站總速度怪胎的好奇學生迷住了。 我觀看了 YouTube 視頻(如果有的話),我虔誠地研究了那裡的每個速度比較網站,並一直在做筆記。
我的愛好網站現在是活躍的科學實驗室、實驗和我與人們分享的測試結果,我最終被要求成為 WP Speed Matters 的版主,這帶來了非常有趣的體驗。
我對 Facebook 群組中真正發生的事情有一個“幕後”的看法。 好的,壞的..和互聯網醜陋的..
有垃圾郵件發送者,也有很多 DM 個人和討厭的攻擊——但其他 90% 的人在那裡真正幫助他人。
在那段時間裡,我參與並與數百人進行了熱烈的對話,如果不是數千人,他們希望提高他們的核心網絡生命力。
這也是我第一次見到 Ben Gabler(Rocket 的 CEO 和創始人)……我寫這篇文章時顯然是在那兒工作的。
週五深夜,雖然我可能會禁止 Speed Matters 的成員,但我收到了 Ben 的 DM,談論網站速度優化。
作為記錄,當我們連接時,我已經在電腦屏幕前喝了“幾杯啤酒”,Ben 和我爭論了不同的託管公司,Cloudflare APO(我用於我的愛好網站),以及大約與網站性能相關的所有其他內容。
這傢伙比我更了解javascript、CDN、圖像等的影響,直到我在凌晨3點左右昏倒了。 就這樣我認識了本……
啟動我自己的核心網絡生命力機構
儘管我在 WP Speed Matters 擔任了幾個月的主持人,但我也開始建立自己的 Core Web Vitals 機構,對這個主題非常感興趣,每個人都需要幫助來優化他們的網站。
我在我身後招募了一個技術優化團隊來幫助處理工作量,我們在每個我們工作的網站上平均獲得 98/98+ PSI 分數……
......我們現在終於接近我向你承諾的 17 個核心網絡生命力技巧和竅門......。

就在那時,當我開始深入研究客戶網站時,我意識到我對 Core Web Vitals 一無所知,但更多的是實驗室和現場數據分數之間的差異。 我不得不重新學習它......
我提高價格的次數越多,我得到的客戶就越多。 人們願意支付額外費用來正確優化他們的網站。 我們這樣做了,但也將強制 Zoom 呼叫作為流程的一部分,以教育我的客戶了解 Core Web Vitals 的工作原理。
我還將大約 30% 的客戶發送給 Ben 和 Rocket(作為附屬公司),因為它比其他任何東西都快,而且它使我優化客戶網站的工作變得更容易。 當您嘗試修復客戶的 Core Web Vitals 而他們的網站託管很糟糕時,我無法告訴您事情是多麼糟糕。
由於 24/7 全天候管理全球客戶的疲憊以及我的健康狀況,我從我的代理機構退休,因為這對我來說不再有趣了。 我害怕與 Core Web Vitals 相關的一切,我完全筋疲力盡。
我一直與 Ben 保持密切聯繫,每隔幾週就會交談一次,直到我找到與他和他的團隊合作的機會。 作為 Rocket.net 的營銷總監,我今天非常高興。

Core Web Vitals Tip #1 – 沒有什麼比快速的 WordPress 託管更好
以前看過數百次,您無法修復緩慢的託管。 投資幾美元購買優質的 WordPress 託管,它可以更輕鬆地優化 Core Web Vitals。 我不會點名攻擊公司,但許多最知名的託管公司都非常緩慢。 你總是得到你付出的代價。
Core Web Vitals Tip #2 – 在你的 PSI 測試中獲得 100/100 沒有任何意義
我把這個放在首位是因為它是自 Core Web Vitals 第一天以來最大的問題之一,當時人們痴迷於在桌面和移動 PSI 分數上獲得 100/100。 請記住,這些是實驗室數據(模擬測試),當真實用戶與您的網站互動時,您的網站實際上會失敗的可能性要大得多。
Core Web Vitals Tip #3 – 始終專注於 Big 3 – LCP、FID 和 CLS
我總是從新手那裡看到這一點,他們試圖消除他們網站上的每一件小事並追逐 100/100 的分數。 您單獨攻擊每個 LCP、FID 和 CLS 存儲桶,然後通過 Core Web Vitals,停止為這些小事操心,同時花時間建立您的業務。
Core Web Vitals Tip #4 – 為什麼我看到大網站得分在 60 年代並通過 Vitals?
曾經通過 PageSpeed Insights (PSI) 運行過一個大型網站,並看到它們的得分在 60 年代甚至更低? 您再次查看實驗室數據,查看他們的 Origin Summary,您會發現其中許多實際上在桌面和移動設備上通過了 Core Web Vitals。 請記住,從我上面的提示中,100/100 分數沒有任何意義,實驗室數據沒有任何意義,他們已經通過了 LCP、FID 和 CLS 的第 75 個百分位,並在他們的網站上進行了真實用戶參與。
Core Web Vitals Tip #5 – 你可能忽略了 Time To First Byte (TTFB) – 有史以來最大的錯誤
如果您想知道是什麼讓 Rocket 成為世界上最快的 WordPress 主機,您無需進一步了解 TTFB——它指的是從瀏覽器請求頁面到它從服務器接收到第一個信息字節之間的時間(Mozilla)。 這就是要獲取的 html 根文檔以及通過 Cloudflare Enterprise 全球 CDN 進行的全頁緩存。 如果你的 TTFB 很高,你甚至不能開始擔心 LCP 之類的事情。 全局應該小於 100ms。
立即在 SpeedVitals 上試用您的網站,運行幾次以預熱您的緩存和 CDN。 告訴我你的 TTFB 平均不到 100 毫秒。 提示,它不是...
Core Web Vitals Tip #6 – 不要只測試你的主頁,你網站上的每一頁都很重要
我一直看到的另一個常見錯誤是人們只測試他們網站的主頁是否有 Core Web Vitals。 您網站上的每個頁面都很重要,並且必須單獨測試每個頁面以通過重要信息(主要、服務、產品、類別、帖子)。 請記住,您可以在 Google Search Console 中進行跟踪。
Core Web Vitals Tip #7 – 開始優化網站流量最多的頁面
您不僅應該測試所有頁面(不僅僅是主頁),還需要從網站上獲得最多流量的頁面開始,因為這是所有真實用戶訪問您的網站的地方,並被視為最大的百分比根據您的現場數據結果的總流量
Core Web Vitals Tip #8 – Google Search Console (GSC) 確實是檢查您的 Core Web Vitals 結果時唯一重要的工具
它不是 GTmetrix,也不是 PSI — 絕對使用不同的工具來幫助監控您的核心 Web Vitals,但它最終會顯示在 Google Search Console 中,它會告訴您需要解決哪些頁面以及差、需要改進和好的。
核心 Web Vitals 提示 #9 – 如果 Google 在 GSC 中有一個致力於體驗 (Vitals) 的整個區域 - 那麼核心 Web Vitals 將繼續存在。
對於所有說 Core Web Vitals 沒什麼大不了的 SEO 類型,請知道 Google 何時在 GSC 中為其專門設置了一個標籤,它不會去任何地方。 忽略優化您的網站,然後後果自負。 Vitals 可能不是最大的 SEO 排名因素,但它就在那裡,並且在未來只會變得更加重要。
核心 Web Vitals 提示 #10 – 僅僅因為您現在通過 Vitals 並不意味著您將在下個月通過
經過大量工作後,您終於等待 28 天來優化您的網站,最終通過 GSC 中的 Core Web Vitals,如果 28 天后發生變化,請不要感到驚訝。 是您的受眾、他們來自哪裡、他們使用的不同設備以及許多其他因素使真實用戶參與度一直在變化。 繼續監控問題區域並繼續攻擊那些受影響的頁面上的 LCP、FID 和 CLS。
核心 Web Vitals 提示 #11 – 不僅僅是移動設備對 Vitals 很重要,它現在也適用於桌面視圖
人們一直認為 Core Web Vitals 僅適用於在移動設備上訪問您網站的人,因為這是 Google 告訴所有人的。 後來宣布,在桌面設備上訪問您網站的人現在也將計入 Core Web Vitals——確保針對所有設備(手機、平板電腦和台式機)優化您的網站,並專注於(按分辨率)使佔您流量的最大百分比。
Core Web Vitals Tip #12 – 緩存插件弊大於利
緩存插件從來都不是為了全面優化複雜的網站而設計的,它們都承受著巨大的壓力,要幫助每個人在他們的 PSI 分數上看到 100/100。 記住 100/100 沒有任何意義,請關注您的 LCP、FID 和 CLS,並監控與您網站互動的真實用戶的 GSS。 抵制預加載所有內容的衝動,過度優化通常會對您的網站造成的傷害大於幫助。
Core Web Vitals Tip #13 – 延遲廣告是懶惰/糟糕的優化
對於在其網站上投放廣告的任何人來說,他們經常陷入延遲廣告以提高其核心 Web Vitals 分數的陷阱。 請記住,這是一次模擬(實驗室數據)訪問,真實的人會看到這些廣告。 您確實需要確保有足夠的空間讓廣告在您的網站上正確顯示以避免 CLS,但當涉及到 LCP 和 FID 等問題時,廣告很少是罪魁禍首。 並非所有廣告網絡都是平等創建的,有時您需要採取適當的措施來為您的用戶獲得最佳體驗並最大化您的收入。 那裡的大型媒體網站當然不會延遲廣告並且仍然通過 Core Web Vitals,您也可以。
Core Web Vitals Tip #14 – 不僅僅是大圖像,也開始擔心字體!
我看到人們痴迷於他們的圖像並將它們縮小以通過 LCP,但他們完全忘記了他們網站上的字體也同樣重要。 忘記 Google 字體,使用設備上已經加載的系統安全字體。 我看到人們預加載大量字體(粗體、粗體等)並減慢您的 FCP——它們都必須在頁面的其餘部分之前加載。 我可以為此寫一篇完整的文章,但簡化您網站上使用的字體,您會看到您的 Core Web Vitals 分數有了巨大的提高。
Core Web Vitals Tip #15 – 訪客不會被所有的花里胡哨所打動,專注於出色的用戶體驗
網站所有者認為滑塊和在屏幕上彈跳的東西會給訪問者留下深刻印象,它們實際上是導致快速放棄的第一個體驗。 製作吸引觀眾的優質內容,讓他們有理由在您的網站上停留更長時間。 出色的用戶體驗是真正贏得人們分數的因素,同樣的考慮因素也有助於您的 Core Web Vitals 分數。
Core Web Vitals Tip #16 – 考慮使用真實用戶監控 (RUM) 服務來發現棘手的問題
並非所有 Core Web Vitals 問題都很容易發現,即使在 Google Search Console 中,個別頁面上出現的次要 CLS 和其他挑戰通常也很難發現。 您可以使用許多廉價的 RUM 監控服務來衡量每個真實用戶如何與您的網站互動。
Core Web Vitals 提示 #17 – 您知道 Rocket.net 有助於優化您的網站以獲得 Core Web Vitals 嗎?
我們不能根據您的網站一直承諾奇蹟,但 Rocket 團隊在針對 Core Web Vitals 優化您的網站方面擁有豐富的經驗,可以幫助您到達需要的地方。 並非每個託管公司都會為您做到這一點。

我們的專家團隊隨時待命。 大多數網站所有者在其網站的歷史上多次更換託管服務提供商。 我們相信,一旦您切換到 Rocket.net,您就不會回頭。
最好的 24/7 客戶支持、超快的速度、易用性以及對頂級工具和行業領先資源的訪問應該始終成為標準。 我們正在徹底改變您的 WordPress 網站向全世界提供服務的方式,我們期待與您合作發展您的業務。