最大的內容繪畫 WordPress:5 種加快速度的方法

[ad_1]

您網站的整體性能會顯著影響您在搜索引擎中的排名。 Google 使用多個指標來衡量您網站的質量,包括 WordPress 中的最大內容繪製 (LCP)。 因此,提高您的 LCP 分數可以幫助您的網站 表現更好排名更高.

幸運的是,您不需要很多技術專業知識即可開始使用。 通過識別頁面上最重的元素,您可以採取必要的步驟來優化您的內容並加速您的網站。

在這篇文章中,我們將了解如何測量 LCP。 然後,我們將分享五種策略,可以幫助您提高 WordPress 中最大的 Contentful Paint 分數。 讓我們開始吧!

提高#WordPress 中最大內容繪製 (#LCP) 分數的 5 種方法

點擊推文

如何測量 WordPress 中最大的內容繪製

2020 年,谷歌推出了 核心網路生命力 項目。 流行的搜索引擎使用這組指標來衡量您網站的性能和質量。

其中一個指標稱為最大內容繪製,它測量頁面完全載入屏幕上最大項目所需的時間。 在大多數情況下,這個內容是一個突出的視覺元素,例如英雄形象:

像這樣的英雄形象會對您在 WordPress 中的最大內容繪製分數產生負面影響。

您可以使用 Google 的 PageSpeed 見解. 該工具收集來自不同用戶的真實表現數據,並為您提供每個分數的細分:

顯示最大內容繪製分數的 PageSpeed Insights 報告

除了給您時間之外,它還將識別您網站上 Google 用來確定頁面下方診斷部分中最大內容繪製的實際元素:

如何找到最大的 Contentful Paint 元素

最多 其他速度測試工具 現在還可以測試最大內容繪製,這可以讓您更靈活地從不同的位置、設備和連接速度進行測試。

根據谷歌的說法,一個好的 LCP 分數應該是 2.5 秒或更短 [1]. 如果頁面上最大的元素需要更長的時間來載入,它可能會導致 用戶體驗(UX). 反過來,這可能會導致更高的跳出率。 因此,優化您的網站以獲得更好的 LCP 分數至關重要。

轉到頂部

提高 WordPress 中最大內容繪製分數的五種方法

正如我們所見,您的 LCP 分數在您網站的整體性能中起著至關重要的作用。 考慮到這一點,讓我們看看提高這個分數並讓您的網站載入更快的五種有效方法!

  1. 優化您的圖像
  2. 消除渲染阻塞資源
  3. 使用內容交付網路 (CDN)
  4. 刪除未使用的插件
  5. 減少伺服器響應時間

1.優化您的圖像

正如我們之前提到的,LCP 測量網站渲染頁面上最大元素所花費的時間。 圖像和視頻等媒體文件往往是最重的文件。

為了解決這個問題,您必須 優化您的照片. 事實上,在您的 PageSpeed Insights 報告中推薦使用此方法:

PageSpeed Insights 建議調整圖像大小可以提高您的最大內容繪製分數。

調整圖片大小並使用壓縮等策略對其進行優化 WebP 格式,您可以使用圖像優化工具,例如 優品


Optimole 的圖像優化和延遲載入Optimole 的圖像優化和延遲載入

作者: 優品

當前版本:3.2.1

最後更新:2021 年 10 月 1 日

optimole-wp.zip

96% 評分

80,000+ 次安裝

WP 4.7+需要

該插件實時優化您的 WordPress 圖像,並確保每個圖形都針對不同的設備正確調整大小。 它還可以在不影響照片質量的情況下壓縮您的照片。

此外,Optimole 將通過內容交付網路 (CDN) 提供您的圖像。 這樣,當有人訪問您的網站時,優化的圖形將從最近的網路位置而不是您的 WordPress 站點的伺服器載入,這會降低下載速度。

通過調整圖像大小和壓縮圖像,您可以顯著提高網站速度。 較小的文件會載入得更快,這反過來會提高您的 LCP 分數。

2.消除渲染阻塞資源

阻止呈現的資源是 HTML、CSS 和 JavaScript 文件,它們會強制瀏覽器延遲呈現您網站上的內容。 因此,這些元素會增加您的頁面載入時間,從而導致 LCP 得分不佳。

您可以通過消除渲染阻塞元素或強制它們在其他所有內容載入後運行來解決此載入問題。 幸運的是,這個過程比聽起來要容易。

實際上,您可以使用插件,例如 WP火箭,它將為您完成所有工作:

WPRocket 插件可以提高您的最大內容繪製分數。

此工具將自動刪除您網站上的所有渲染阻止 CSS 和 JavaScript。 因此,該插件將有助於最大限度地減少內容渲染中的任何延遲,從而導致 更快的載入時間 為您的網站用戶。

如果您使用的是 WP Rocket,最有用的設置是在文件優化選項卡中啟用。

在 CSS 文件下,啟用以下功能:

  • 優化 CSS 交付 > 移除未使用的 CSS

在 JavaScript 文件下,啟用以下功能:

  • 載入 JS 延遲
  • 延遲 JavaScript 執行

3. 使用內容交付網路 (CDN)

提高 WordPress 中最大內容繪製分數的另一種有效方法是使用 內容交付網路 (CDN). 這是一個分布在不同位置的伺服器網路。

當您使用 CDN 時,您的訪問者將從地理上最接近他們的伺服器獲得您的內容的緩存副本。 這樣,您的網站將為您的用戶載入更快。

此外,CDN 可以最大限度地減少託管伺服器上的負載。 這可以進一步提高您的網站速度。

如果您使用的是 Optimole,那麼您已經受益於 CDN 來載入您的圖像。 但您可能還想為其他靜態文件使用 CDN 以進一步改進 LCP。

如果您想輕鬆設置 CDN,可以查看 RocketCDN。 它直接集成到 WP Rocket 中:


RocketCDN – WordPress CDN 插件RocketCDN – WordPress CDN 插件

作者: WP媒體

當前版本:1.0

最後更新:2022 年 1 月 4 日

火箭cdn.1.0.zip

0% 評分

10+安裝

WP 5.4+需要

此工具會自動應用最佳配置設置以提高您網站的性能。 CDN 由 堆棧路徑,在全球擁有超過 45 個邊緣站點。

如果您的網站迎合國際受眾,那麼獲得 CDN 可能是一項不錯的投資。 它可以確保為所有用戶快速載入您的內容,無論他們身在何處。 此設置可能會顯著提高您的 LCP 分數。

4.刪除未使用的插件

您在 WordPress 網站上使用的插件也會影響您的 LCP 分數。 重量級軟體可能會降低您的網站速度,尤其是當這些工具使用大量 CSS 或 JavaScript 時。

PageSpeed Insights 建議刪除任何會增加頁面膨脹的插件:

PageSpeed Insights 建議減少未使用的 CSS

更具體地說,您需要刪除任何載入未使用的 CSS 和 JavaScript 的工具。 在您的站點上有許多未使用的腳本會增加不必要的數據傳輸。 通過這樣做,這些過程會減慢您的內容呈現速度。

PageSpeed Insight 報告為您提供有問題的腳本的 URL,以幫助您識別那些繁重的插件。 但是,如果您的站點上有大量工具,刪除它們仍然是一項耗時的任務。

因此,您可能希望首先從您的站點中刪除任何未使用或不必要的插件。 然後,您可以嘗試找到更輕量級的替代品。

5. 減少你的伺服器響應時間

伺服器響應時間,也稱為第一個位元組的時間 (TTFB),是用戶瀏覽器接收頁面上第一個位元組內容的時間。 緩慢的伺服器響應時間會導致頁面載入延遲,這會影響您的 LCP 分數。

如 PageSpeed Insights 中所述,您的插件、主題和託管服務都會影響您的伺服器響應時間:

PageSpeed Insights 建議減少縮寫伺服器響應時間。

如果您從站點中刪除了未使用的插件和腳本,但您的 LCP 分數仍然很差,那麼問題可能出在您的伺服器上。 因此,可能是時候升級到更好的託管計划了。

共享主機 通常是新網站的最佳解決方案,因為它價格實惠。 但是,使用此軟體包,您將與許多其他網站所有者共享伺服器。 因此,如果伺服器同時收到大量請求,它可能會減慢您的響應時間。

隨著您的網站增長並開始獲得更多流量,值得考慮切換到更高級的計劃。 我們建議選擇 託管 WordPress 託管. 使用此軟體包,您的網路主機將處理保持網站平穩運行所需的所有優化任務。

你甚至可以考慮一個 虛擬專用伺服器 (VPS) 計劃 或者 專用主機. 雖然這些服務可能有點貴,但您將獲得更多的伺服器資源。 此外,提供商將根據您的特定需求和要求配置伺服器。 因此,它將更好地處理大量流量並有效地交付您的內容。

💡這裡有一些不錯的選擇,請查看我們的 收集最快的 WordPress 主機.

轉到頂部

今天在 WordPress 中加速最大的內容繪畫

您網站的用戶體驗 (UX) 和載入時間會影響您在搜索結果中的可見性。 因此,提高網站的整體性能(包括 LCP 分數)至關重要。

提高#WordPress 中最大內容繪製 (#LCP) 分數的 5 種方法

點擊推文

在這篇文章中,我們研究了五種有效的方法來提高您在 WordPress 中的最大內容繪製分數:

  1. 使用壓縮工具優化您的圖像,例如 優品.
  2. 使用類似的插件消除渲染阻塞資源 WP火箭.
  3. 使用內容交付網路 (CDN),例如 火箭CDN.
  4. 從您的站點中刪除未使用的插件。
  5. 通過切換到更強大的託管計劃來減少伺服器響應時間。

👉 有關加快網站速度的其他提示,請查看 我們的 WordPress 性能問題指南. 如果您在使用 Core Web Vitals 時遇到問題,我們也有一篇關於 如何修復 WordPress 上的首次輸入延遲問題 (這是另一個 Core Web Vitals 指標)。

您對在 WordPress 中提高 LCP 分數有任何疑問嗎? 在下面的評論部分讓我們知道!

參考

[1] https://web.dev/lcp/

相關文章