最新的 WordPress 更新版本 6.4 對首頁載入腳本的方式進行了更改,這將改善許多網站的頁面載入時間和效能。
腳本載入策略現已內建於 WordPress 核心和捆綁主題中,提高了具有延遲和非同步屬性的載入腳本的效能。
這些屬性告訴瀏覽器在後台(非同步)或在頁面其餘部分載入(延遲)後載入腳本,這可以顯著加快頁面變成互動式所需的時間。
透過智慧腳本管理加快頁面載入速度
以前,載入 WordPress 主題和外掛程式中包含的 JavaScript 檔案時沒有指定它們應該非同步載入。 這意味著它們在獲取和執行時會阻止其他下載並延遲頁面呈現。
對於網站訪客來說,升級後包含 WordPress 內容的頁面載入速度會更快,特別是改進了 CWV 的首次內容繪製 (FCP) 指標,該指標會影響頁面首次出現的速度。
幕後花絮:WordPress 是如何誕生的
WordPress.com 部落格的 JavaScript 檔案(例如導航選單和嵌入式媒體)現在在排隊時添加了「暫停」功能。 用於顯示嵌入貼文的 wp-embed 腳本現在使用「延遲」。
以前,添加這些屬性的能力並未標準化。 隨著 WordPress 6.3 中引入專用 API 以及 6.4 中的全面實現,開發人員現在可以透過標準化的方法來控制腳本的載入時間。
此外,更新將最延遲的腳本移回該部分
因為它們不再阻止渲染。 這使得瀏覽器能夠更早發現並快取它們,從而提高效能。一些優先順序較低的腳本(例如評論回應)將保留在頁腳中,但透過「async」非同步加載,因此它們與其他資源並行加載。
對網站訪客的現實影響
對於網站訪客來說,升級後包含 WordPress 內容的頁面載入速度會更快。 頁面首次出現後,頁面元素的「播放」或捲動將會減少。
這些變化為未來更好的最佳化奠定了基礎。
特色圖片:Wirestock Creators/Shutterstock