WordPress 發布了一個官方插件,增加了對稱為推測加載的尖端技術的支持,該技術可以幫助提高網站效能並改善網站訪客的用戶體驗。
投機費用
推測性載入是一種在使用者點擊連結導航到另一個網頁之前獲取頁面或資源的技術。
關於此新功能的 WordPress 官方頁面對此進行了描述:
「推測規則API 是一種新的Web API…允許您定義規則,以基於用戶交互以JSON 語法動態獲取和/或預渲染給定結構的URL,或者換句話說,推測性地預加載這些URL在瀏覽之前。
例如,此 API 可用於在使用者將滑鼠懸停在頁面上時預先渲染頁面上的連結。 此外,對於推測規則 API,「預先渲染」實際上意味著預先渲染整個頁面,包括 JavaScript 執行。 一旦用戶單擊鏈接,這可能會導致近乎即時的加載時間,因為頁面可能已經完整加載。 然而,這只是可能的配置之一。”
新的 WordPress 外掛程式新增了對推測規則 API 的支援。 Mozilla 的開發者頁面是了解 HTML 技術的重要資源,它是這樣描述的:
「推測規則 API 旨在提高未來瀏覽的效能。它的目標是文件 URL,而不是特定的資源文件,因此它對於單頁應用程式 (SPA) 網站中的多頁應用程式 (MPA) 很有意義。
推測規則 API 提供了該函數的替代方案 廣泛使用並旨在取代該功能 僅在 Chrome 中已棄用。 它對這些技術進行了許多改進,並提供了更具表現力和可配置的語法,用於指定應檢索或預先渲染哪些文件。”
效能實驗室插件
新外掛程式由官方 WordPress 效能團隊開發,該團隊偶爾會發布新外掛程式供用戶測試,然後再可能包含在實際的 WordPress 核心中。 因此,這是第一個嘗試新性能技術的好機會。
新的 WordPress 外掛預設配置為預先渲染“WordPress 介面 URL”,即頁面、貼文和存檔頁面。 其操作可在設定中調整:
Settings > Reading > Speculative Loading
瀏覽器相容性
Chrome 108 支援 Speculative API,但新外掛程式使用的特定規則需要 Chrome 121 或更高版本。 Chrome 121 於 2024 年初發布。
不支援的瀏覽器將簡單地忽略該插件,對使用者體驗沒有影響。
查看由官方 WordPress 核心效能團隊開發的新推測加載 WordPress 外掛。
WordPress 效能團隊的推測加載