WP Rocket 3.19：改進的LCP和佈局穩定性的輕鬆增強功能

還記得一級方程式球隊如何贏得比賽嗎？從長遠來看，這不僅是一個重大變化，而且是許多小改進。我們的新發行版再次反映了這種增量和智能優化的願景：滿足WP Rocket 3.19！

我們的最新版本著重於增强两個功能，使其所有人都可以使用，無論其技術專長如何。我們進行了複雜的過程，需要每個頁面的手動優化才能提高效率，並將其變成在後台起作用的功能，從而使它們的魔術。

結果？ WP Rocket 3.19為您的訪問者帶來了更好的用戶體驗，這要歸功於佈局穩定性和防止內容變化，並提高了感知的速度以及最大的最大內容塗料等級。

在WP Rocket，我們相信每個人都應該得到一個快速的網站 - 這就是為什麼我們不斷尋找簡化速度優化的方法，同時確保我們所有的客戶都能從我們強大的功能中受益。

準備查看這些簡單且明智的改進如何為您的網站增添更好的性能嗎？讓我們深入了解WP Rocket 3.19的細節或觀看下面的視頻。

WP火箭3.19需要什麼

WP Rocket 3.19引入了兩個增強功能，可在幕後工作，以提高您的網站性能。

第一個增強功能與預加載字體有關：該功能在更改其工作方式及其位置的同時保持相同的名稱，就像您在下面閱讀一樣。

第二個重點是自動化預摘要DNS請求功能，該功能已重命名為外部域，並從插件接口中刪除 - 您將在專用部分中了解此選擇背後的原因。

一單擊的預緊字體

讓我們退後一步，了解哪些字體預加載是什麼，以及為什麼它對您的網站性能很重要。

解釋字體預加載

字體預加載是一種強大的優化技術，可以改善網站上的文本速度迅速而流暢。

原因如下：當訪問​​者訪問您的網站時，他們的瀏覽器不僅需要加載頁面的內容，還需要加載其相關字體。沒有預加載，這是通常發生的事情：

1. 瀏覽器開始使用默認字體顯示您的文本。

2. 然後，它在您的CSS中發現它需要加載一種自定義字體 - 您選擇的字體。

3. 加載自定義字體後，文本會更改以使用此新字體而不是默認字體。

此過程可能會導致所謂的未經風格的文本（fout）。 Fout是一個短暫的時刻，您的文本突然隨著自定義字體加載而更改外觀。

您可以猜測接下來會發生什麼：頁面的佈局趨於變化。這種轉變不僅在視覺上令人不愉快，而且還會對Google的核心網絡生命值之一負面影響累積佈局變化（CLS）級。

字體預加載可以通過告訴瀏覽器您的自定義字體很重要，從而有助於解決此問題，甚至在分析所有CSS代碼之前，都需要立即下載它們。結果，當瀏覽器首先顯示文本，減少或消除字體更改並確保更大的佈局穩定性時，自定義字體更有可能準備就緒。

你為什麼要預加載字體？

預裝字體和避免佈局變化的好處與增強用戶體驗密切相關，這意味著提供良好的第一印象，並確保您的訪問者願意留在您的網站上並有可能進行轉換。

此外，字體預加載還可以改善您最大的內容塗料（LCP）等級，這是另一個核心網絡至關重要的，它可以衡量頁面上最大的內容元素的速度。研究細節，當LCP元素是文本節點時，字體預加載可以優化LCP性能 - 對於移動設備和桌面之間的網站平均20％就是這種情況。

3.19：滿足新的預緊字體功能

儘管字體預加載可以帶來這些顯著的性能增長，但我們注意到客戶幾乎沒有使用此功能，或者它並不總是正確地實現。相反：事實證明，預加載字體在性能方面是適得其反的。這就是為什麼我們希望使所有客戶更輕鬆且可以訪問此選項，同時減少其不正確的實現。

在這裡，我們是：WP Rocket 3.19使預加載字體成為一個自動化過程，您可以一鍵啟用。

您不再需要手動識別正確的字體文件URL並預緊額來使功能有效地工作。 啟用該選項後，WP Rocket會在每個頁面上自動檢測到折疊率的字體，並且需要優先考慮使用移動設備和台式機。然後，它僅預加載這些相關字體，從而產生更精確，更有效的優化。

這種優化有所作為，因為預先加載未使用的資產可能會損害績效。例如，如果在頁面加載的前幾秒鐘內未使用預加載的字體，則像Chrome這樣的瀏覽器可能會發出警告。通過僅專注於真正需要的字體，新的預加載字體選項可幫助您避免這些潛在的問題並確保最佳的字體預加載。

請注意，現在您會在“媒體”選項卡中找到新的PRELOAD FONTS功能：

如果您先前手動指定字體，則默認情況下將啟用自動化選項。

底線：新的預加載字體功能會自動優化字體加載，從而確保訪問者從降落在網站上的那一刻起，只需單擊即可。

與外部域的預連接：全新的自動化過程

至於先前的功能，讓我們先簡要介紹對外部域對網站速度的影響的影響。

普通英語的前域前連接

與外部域的前連接是一種強大的優化技術，可對資源加載產生積極影響。

當您的網站需要加載來自外部域的字體或腳本等資源時，您的瀏覽器通常需要首先建立與這些域的連接。此連接過程可以為外部資產下載過程增加不必要的延遲，從而影響基於外部資產的特定指標。

預先連接通過事先告訴瀏覽器需要哪些連接來解決此問題。這使瀏覽器可以儘早設置這些連接，從而減少需要在需要時加載的時間。

這種優化帶來了兩個好處：

1. 改善加載時間：通過提前設置連接，您的網站可以開始更快地加載外部資源 - 並且頁面也更快地加載。

2. 增強的LCP性能：如果您最大的內容塗料元素是第三方域中的字體，則預處理可以幫助其更快地加載，並有可能提高LCP分數。

3.19：從預取DNS請求到前連接到外部域

我們注意到，預取DNS請求功能也沒有充分利用，並且經常被誤用。這就是為什麼我們決定自動化此選項，將其從WP Rocket接口中刪除，然後將其重命名為外部域。

使用WP Rocket 3.19，這種強大的優化在後台起作用，不需要啟用。這就是為什麼您再也不會在WP Rocket設置中找到此功能的原因了。

這是您需要了解的有關此增強的知識：

1. 這是一個完全自動化的過程：您不再需要手動確定實施優化時要包含的域。 WP Rocket現在自動處理此操作。

2. 它僅應用於需要在移動設備和桌面上需要的頁面上，從而實現了更高效，更有針對性的方法，該方法在所有設備上都是一致的。

如上所述，此功能可以導致更快的頁面加載時間和改進的LCP分數 - 無需您抬起手指。

如果要禁用該功能，則需要應用以下過濾器：

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

我們建議只有在您的網站有十個以上的域進行預加載時才禁用它 - 在這種邊緣情況下，最好讓瀏覽器管理該過程。通常，每個頁面都有幾個外部域，您可以通過查看頁面源代碼和數據轉數字連接的出現數量來檢查此方案是否適用於您的網站。

底線：外部域的預連接功能是一種新的自動增強功能，可以在網站和外部資源之間更快地建立連接，同時消除實施不正確的風險。

微調性能：自動化優化

說到自動起作用的WP火箭功能，與外部域前連接是最新的，它增加了現有的域：

• 頁緩存（包括移動緩存）

• 優化關鍵圖像

• 自動懶惰渲染

• 瀏覽器緩存

• GZIP壓縮

• 對網絡字體的跨原生素支持

• WooCommerce刷新購物車碎片緩存

• 優化Google字體文件

• 禁用WordPress表情符號

所有這些功能都沒有用戶界面 - 它們只是工作。請放心，如果需要的話，可以隨時使用過濾器或輔助插件禁用它們。

這些自動化功能是首次激活WP火箭時打開的選項，例如Minify CSS和JS，Cache Lifesspan，Preload Cache，Preload Links和Heartbeat Control。

難怪您一旦啟用我們的插件，您的網站就會有所提高！

如果您對這些自動化的現實影響感到好奇，請記住，結果可能會根據您的特定網站而有所不同。儘管WP Rocket 3.19帶來了新的增強功能，但您將看到的性能提高加上我們現有功能已經實現的速度增長。

總結

WP Rocket 3.19加強了我們對遵循“決策，不是選項”方法的承諾，並作為自動化過程進行複雜的優化。我們努力為您做出正確的選擇，因此您不必花時間和精力來了解最適合您的網站。

我們逐漸消除了高性能的障礙，確保更多的用戶可以從高級優化中受益 - 尚未到來！

準備查看這些新的自動化功能如何幫助您的網站？更新到WP Rocket 3.19，或者通過我們的14天退款保證進行嘗試。親身體驗我們如何更簡單地進行優化，並在評論中告訴我們您的想法！