5 種方法開始優化您的商業網站以獲取核心網絡生命力

已發表: 2022-05-04

Google 已將 Core Web Vitals 的推出時間從 5 月推遲到 6 月中旬，將完整的實時更新推遲到 8 月底。備受期待的新排名信號將與當前搜索信號相結合，創造新的頁面體驗。這一新的發展對您的業務意味著什麼？

如果您一直在努力與您的網頁設計團隊和 SEO 專家合作以對您的網站進行更改，那麼您無需擔心。推出的延遲僅意味著您可能處於領先地位。另一方面，如果您還沒有開始修改您的網站，那麼延遲只意味著您現在有時間滿足新的指標集。

什麼是核心網絡生命力？

Core Web Vitals 將改變 Google 對網站進行排名的方式。它涵蓋三個主要指標，即：

因此，新的指標集將側重於加載時間、交互性和頁面穩定性，為您和您的 Web 開發人員需要開展的工作提供藍圖。

這裡有五種有效的方法：

加載緩慢的頁面可能會讓您（潛在客戶）付出代價。對於很多網站來說，圖像是視圖中最大的元素，因此最好對其進行優化。

一種有效的方法是縮放和壓縮您網站上的所有圖像。一些要使用的圖像優化工具是 tinypng 或 ShortPixel 。您還可以將圖像轉換為更高效的現代格式，例如.png，並確保它們是響應式圖像，在移動設備和桌面設備上看起來都很完美。

區分“優化”和“縮小尺寸”。您可以嘗試縮小圖像的大小，以使它們加載得更快。但請記住，Core Web Vitals 背後的全部意義在於為用戶提供更好的體驗。您的圖像（或視頻）可能會加載得更快，但如果它們模糊或質量低下，您的網站訪問者可能會覺得它們沒有用處。

延遲加載是使您的網站圖像更具響應性和加載速度的另一種方法。在此方法中，圖像會在用戶滾動到頁面的該區域時加載。如果它們在首屏，則用戶應該查看的所有圖像都將首先出現。當他們向下滾動時，頁面這些區域中的圖像將跟隨。

延遲加載不僅可以正確分配帶寬，而且對於圖像繁重的網站也很有用。

您可以輕鬆地延遲加載圖像的一種方法是通過 HTML。你只需要遵循這個標記：

雖然當您在某些頁面上有很多圖像時，這個過程可能會很乏味，但延遲加載可以很簡單。

Google 通過性能觀察器測量 CLS 以檢測佈局變化。當元素移動或佈局移動時，性能觀察者會調用一個回調函數，該函數會添加到現有的佈局移動分數。

一種可以幫助您查看網站穩定性或調試佈局轉換的工具是 Chrome DevTools 中的佈局轉換區域選項。此功能會在移動元素時突出顯示它們。它不會告訴你為什麼它會發生變化，你必須自己弄清楚。它的作用是向您展示影響轉變的元素。

您的圖像和視頻元素應該帶有寬度和高度大小屬性。您還可以使用 CSS 縱橫比框來保留圖像或元素所需的空間。這樣，頁面可以為文件分配正確的空間，而無需在文件加載時移動頁面上的所有元素。

佈局移位僅在用戶可見時才計算在內。因此，如果頁面下方發生了移動，但用戶尚未向下滾動到該區域，則它不會計入 CLS。

許多佈局變化是糟糕的用戶體驗模式的結果。其中一個示例是網站中的彈出窗口或頁面頂部彈出的橫幅以發佈公告。當這些元素這樣做時，它們往往會將頁面上的其他所有內容向下推。

確保為動態內容保留足夠的空間。這些是隨後會彈出的內容，例如促銷或廣告。一個提示是避免在現有內容之上插入新內容，特別是如果您沒有跟進調整整個頁面的內容。

真實用戶監控是捕獲和分析網站或應用程序的每個用戶的移動的過程。它通常被稱為真實用戶指標或最終用戶體驗監控。您可以通過檢查頁面級性能數據來做到這一點。

Google Search Console (GSC) 是一個有用的工具，它會根據 URL 組或具有相似 HTML 結構的 URL 分組告訴您頁面的性能。

監控 RUM 還將確保用戶對您網站的響應能力和交互性的第一印像是積極的。

獎金提示：

另一個可能影響 CWV 性能的因素是服務器響應時間。通常，更快的服務器響應時間會改善每個頁面加載指標。

理想情況下，您希望瀏覽器快速接收來自服務器的內容，這樣，它也將顯示在屏幕上並準備好在創紀錄的時間內被用戶查看。

如何判斷服務器響應時間是否緩慢？使用 WebPage Test 和 Lighthouse 等工具。

特別是 Lighthouse 有一個稱為減少初始服務器響應時間的頁面審計元素。如果您在審計報告中看到這一點，則意味著您必須花時間與您的 Web 開發人員一起挖掘問題。

更好的網站性能，更好的用戶體驗——更好的排名

Core Web Vitals 旨在幫助用戶享受在線體驗。通過他的更新，谷歌旨在優先考慮網站速度和用戶體驗。但是沒有一個優化公式，因為它取決於您網站的當前性能、您的目標和您所在的行業。

最終，這些升級可確保網絡充滿相關且優質的網站。將最佳實踐應用於您的網站，以確保您為客戶提供最佳服務和體驗。