Automattic推出Jetpack Boost:一個新的WordPress效能優化外掛

Jetpack團隊一直在“偷偷地”測試一個名為Jetpack Boost的新外掛,該外掛可解決WordPress網站的效能和SEO問題。1.0版近日正式釋出,距三月份的最終預釋出版本僅一個月。

Boost是Jetpack品牌下的一個單獨外掛,不需要Jetpack核心即可工作。第一次迭代捆綁了三個效能模組:

  1. Local Critical CSS 為主頁,文章和頁面生成優化的樣式,以更快地顯示內容,特別是對於移動裝置上的訪問者。
  2. Defer Non-Essential JavaScript 會在頁面載入後將一些任務移至其他位置,因此可見項的載入速度更快。
  3. Lazy Image Loading 將實現當訪客將其滾動到檢視才載入影象。

Jetpack Boost外掛介面

安裝外掛後,使用者可以開啟或關閉模組。優化站點的CSS可能是一個漫長的過程,但是它會顯示一個進度欄,並在完成之前試圖警告您離開頁面時向您發出警報。首次安裝Jetpack Boost時會顯示初始得分,並且在進行優化後會更新。

這是來自一個未優化的簡單部落格的示例得分,該部落格具有20個啟用外掛:

未優化前Jetpack Boost評分

安裝Jetpack Boost後,儀表盤上的分數有了顯著改善。這不是魔杖,而是解決某些基本效能問題(可能會轉化為更好的訪問者體驗)的一種非常使用者友好的方法。

優化後Jetpack Boost評分

通過檢查web.dev的前後得分,可以看出Core Web Vitals評估有了明顯的改進。對於某些網站,這可能意味著通過與否之間的區別(這意味著該域中75%的頁面通過了)。

未啟用Jetpack Boost外掛網站評分

在安裝Jetpack Boost之前

啟用Jetpack Boost外掛後網站評分
安裝Jetpack Boost之後

該專案的自動化工程師NaurisPūķis表示,建立該外掛的初衷之一是幫助使用者“提高他們的網頁核心指標,並使網站體驗變得更加好”。

Google搜尋於2021年5月將Page Experience新增到排名評估因素中,而WordPress網站則需要他們能獲得的所有幫助。頁面體驗是通過網站的“網頁核心指標” 指標來衡量的,但是,如果沒有一些技術知識和故障排除,這些分數就很難提高。

儘管Jetpack已經包含了許多不同的功能,但Automattic還是選擇將Boost模組放在單獨的外掛中。

 

“我們希望Jetpack Boost擁有自己的生命-專注於效能,並使其提供給所有站長,包括不想使用主要Jetpack外掛的人,” Pūķis說。

該外掛與Jetpack核心具有相同的模組化結構,因此使用者可以輕鬆停用不想使用的模組。這有助於確保與網站所有者可能已在使用的其他效能或快取外掛相容。

“您可能已經注意到Jetpack和Boost都延遲載入影象–這是完全相同的模組,” Pūķis說。“如果使用者碰巧同時啟用了Jetpack和Jetpack Boost,它將僅使用最新版本的Lazy Loading Images。”

1.0版中的功能只是Automattic的Jetpack Boost計劃的開始。該專案似乎有望成為一個成熟的效能外掛,甚至可以遷移一些Jetpack core與效能相關的功能。

Pūķis說:“版本1.0.0正在以“one-point-oh”的方式釋出。“我們會盡早釋出穩定版,但我們還有很多事情要做。從包裝其他典型優化技術(例如串聯concatenation,最小化,甚至是photon?)的簡單模組開始,一直到效能跟蹤,智慧效能建議等更高階的想法。”

Pūķis表示,這些想法都不是一成不變的,並且該團隊願意探索和構建在獲得更多反饋後將對效能產生最大影響的模組。

評論留言