2022 年加快速度的 5 種方法
已發表: 2022-02-02您網站的整體性能會顯著影響您在搜索引擎中的排名。 Google 使用多個指標來衡量您網站的質量,包括 WordPress 中的最大內容繪製 (LCP)。 因此,提高您的 LCP 分數可以幫助您的網站表現更好,排名更高。
幸運的是,您不需要很多技術專業知識即可開始使用。 通過識別頁面上最重的元素,您可以採取必要的步驟來優化您的內容並加速您的網站。
在這篇文章中,我們將了解如何測量 LCP。 然後,我們將分享五種策略,可以幫助您提高 WordPress 中最大的內容繪製分數。 讓我們開始吧!
如何測量 WordPress 中最大的內容繪製
2020 年,谷歌推出了 Core Web Vitals 項目。 流行的搜索引擎使用這組指標來衡量您網站的性能和質量。
其中一個指標稱為最大內容繪製,它測量頁面完全加載屏幕上最大項目所需的時間。 在大多數情況下,這個內容是一個突出的視覺元素,例如英雄形象:

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

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

大多數其他速度測試工具現在也可以測試最大內容繪製,這可以讓您更靈活地從不同的位置、設備和連接速度進行測試。
根據谷歌的說法,一個好的 LCP 分數應該是 2.5 秒或更短[1] 。 如果頁面上最大的元素需要更長的時間來加載,則可能會導致糟糕的用戶體驗 (UX)。 反過來,這可能會導致更高的跳出率。 因此,優化您的網站以獲得更好的 LCP 分數至關重要。
提高 WordPress 中最大內容繪製分數的五種方法
正如我們所見,您的 LCP 分數在您網站的整體性能中起著至關重要的作用。 考慮到這一點,讓我們看看提高這個分數並讓您的網站加載更快的五種有效方法!
- 優化您的圖像
- 消除渲染阻塞資源
- 使用內容交付網絡 (CDN)
- 刪除未使用的插件
- 減少服務器響應時間
1.優化您的圖像
正如我們之前提到的,LCP 測量網站渲染頁面上最大元素所花費的時間。 圖像和視頻等媒體文件往往是最重的文件。
為了解決這個問題,優化照片至關重要。 事實上,在您的 PageSpeed Insights 報告中推薦使用此方法:

要調整圖片大小並使用壓縮和 WebP 格式等策略對其進行優化,您可以使用 Optimole 等圖像優化工具:
該插件實時優化您的 WordPress 圖像,並確保每個圖形都針對不同的設備正確調整大小。 它還可以在不影響照片質量的情況下壓縮您的照片。
此外,Optimole 將通過內容交付網絡 (CDN) 提供您的圖像。 這樣,當有人訪問您的網站時,優化的圖形將從最近的網絡位置而不是您的 WordPress 站點的服務器加載,這會降低下載速度。
通過調整圖像大小和壓縮圖像,您可以顯著提高網站速度。 較小的文件會加載得更快,這反過來會提高您的 LCP 分數。
2.消除渲染阻塞資源
阻止呈現的資源是 HTML、CSS 和 JavaScript 文件,它們會強制瀏覽器延遲呈現您網站上的內容。 因此,這些元素會增加您的頁面加載時間,從而導致 LCP 得分不佳。
您可以通過消除渲染阻塞元素或強制它們在其他所有內容加載後運行來解決此加載問題。 幸運的是,這個過程比聽起來要容易。
實際上,您可以使用 WP Rocket 之類的插件,它會為您完成所有工作:

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

如果您使用的是 WP Rocket,最有用的設置是在文件優化選項卡中啟用。
在CSS files下,啟用以下內容:
- 優化 CSS 交付 > 移除未使用的 CSS
在JavaScript files下,啟用以下功能:
- 加載 JS 延遲
- 延遲 JavaScript 執行
3. 使用內容交付網絡 (CDN)
提高 WordPress 中最大內容繪製分數的另一種有效方法是使用內容交付網絡 (CDN)。 這是一個分佈在不同位置的服務器網絡。
當您使用 CDN 時,您的訪問者將從地理上最接近他們的服務器獲得您的內容的緩存副本。 這樣,您的網站將為您的用戶加載更快。
此外,CDN 可以最大限度地減少託管服務器上的負載。 這可以進一步提高您的網站速度。
如果您使用的是 Optimole,那麼您已經受益於 CDN 來加載您的圖像。 但您可能還想為其他靜態文件使用 CDN 以進一步改進 LCP。
如果您想輕鬆設置 CDN,可以查看 RocketCDN。 它直接集成到 WP Rocket 中:
此工具會自動應用最佳配置設置以提高您網站的性能。 CDN 由 StackPath 提供支持,StackPath 在全球擁有超過 45 個邊緣站點。
如果您的網站迎合國際受眾,那麼獲得 CDN 可能是一項不錯的投資。 它可以確保為所有用戶快速加載您的內容,無論他們身在何處。 此設置可能會顯著提高您的 LCP 分數。
4.刪除未使用的插件
您在 WordPress 網站上使用的插件也會影響您的 LCP 分數。 重量級軟件可能會降低您的網站速度,尤其是當這些工具使用大量 CSS 或 JavaScript 時。
PageSpeed Insights 建議刪除任何會增加頁面膨脹的插件:

更具體地說,您需要刪除任何加載未使用的 CSS 和 JavaScript 的工具。 在您的站點上有許多未使用的腳本會增加不必要的數據傳輸。 通過這樣做,這些過程會減慢您的內容呈現速度。
PageSpeed Insight 報告為您提供有問題的腳本的 URL,以幫助您識別那些繁重的插件。 但是,如果您的站點上有大量工具,刪除它們仍然是一項耗時的任務。
因此,您可能希望首先從您的站點中刪除任何未使用或不必要的插件。 然後,您可以嘗試找到更輕量級的替代品。
5. 減少你的服務器響應時間
服務器響應時間,也稱為首字節時間 (TTFB),是用戶瀏覽器接收頁面上第一個字節內容所需的時間。 緩慢的服務器響應時間會導致頁面加載延遲,這會影響您的 LCP 分數。
如 PageSpeed Insights 中所述,您的插件、主題和託管服務都會影響您的服務器響應時間:

如果您從站點中刪除了未使用的插件和腳本,但您的 LCP 分數仍然很差,那麼問題可能出在您的服務器上。 因此,可能是時候升級到更好的託管計劃了。
共享主機通常是新網站的最佳解決方案,因為它價格實惠。 但是,使用此軟件包,您將與許多其他網站所有者共享服務器。 因此,如果服務器同時收到大量請求,它可能會減慢您的響應時間。
隨著您的網站增長並開始獲得更多流量,值得考慮切換到更高級的計劃。 我們建議選擇託管 WordPress 託管。 使用此軟件包,您的網絡主機將處理保持網站平穩運行所需的所有優化任務。
您甚至可以考慮使用虛擬專用服務器 (VPS) 計劃或專用主機。 雖然這些服務可能有點貴,但您將獲得更多的服務器資源。 此外,提供商將根據您的特定需求和要求配置服務器。 因此,它將更好地處理大量流量並有效地交付您的內容。
對於這裡的一些不錯的選擇,請查看我們最快的 WordPress 託管集合。
今天在 WordPress 中加速最大的內容繪畫
您網站的用戶體驗 (UX) 和加載時間會影響您在搜索結果中的可見性。 因此,提高網站的整體性能(包括 LCP 分數)至關重要。
在這篇文章中,我們研究了五種有效的方法來提高您在 WordPress 中的最大內容繪製分數:
- 使用 Optimole 等壓縮工具優化您的圖像。
- 使用 WP Rocket 之類的插件消除渲染阻塞資源。
- 使用內容交付網絡 (CDN),例如 RocketCDN。
- 從您的站點中刪除未使用的插件。
- 通過切換到更強大的託管計劃來減少服務器響應時間。
您對在 WordPress 中提高 LCP 分數有任何疑問嗎? 在下面的評論部分讓我們知道!