WordPress 6.3“Lionel”：170 多項性能更新、新的站點編輯器功能等等

WordPress 6.3“Lionel”現已發布！

6.3 以美國著名爵士樂藝術家萊昂內爾·漢普頓 (Lionel Hampton) 的名字命名，是今年的第二個主要版本，可以肯定地說，它比 6.2 更加壯觀。

我們知道，在“Dolphy”中實施了 900 多項增強和修復之後，很難相信這一點，但這是事實。

6.3 配備了更新的功能和導航、增強的設計工具以實現更多控制，最後但並非最不重要的 - 170 多項性能更新。

讓我們來看看最大的亮點。

巨大的性能改進

WordPress 6.2 是第一個版本，性能團隊在多個頁面速度指標方面分享了一些令人印象深刻的改進。

核心性能團隊在這些成就的基礎上，發布了WordPress 6.3 的 170 多個性能更新。

事實上，他們的自動化工作流程數字大致表明“Lionel”與“Dolphy”相比有以下性能改進：

• LCP 對於塊主題快 10.6%，對於經典主題快 8.8%。
• TTFB 對於塊主題快 4.7%，對於經典主題快 5.6%。
• LCP-TTFB 對於塊主題快 13.4%，對於經典主題快 9.3%。

但他們是如何實現的呢？

嗯，他們專注於提高客戶端和服務器端的性能。

核心性能團隊使用首字節時間 (TTFB) 來衡量服務器端的改進。

為了衡量客戶端性能，他們使用了最大內容繪製 (LCP) 和 TTFB 之間的差異。

那是說……

雖然 WordPress 6.2 中的大部分性能提升來自服務器端性能 (TTFB) 的改進，但在 6.3 中，性能提升源自客戶端性能改進 (LCP-TTFB)。

事實上，與 WordPress 6.2 相比，WordPress 6.3 中的塊主題的客戶端性能提高了 40%，經典主題的客戶端性能提高了 31% 。

他們成功的秘訣在於引入了幾項更新：

1. 最大的影響來自於利用現代 JavaScript API（例如 Web Workers、OffscreenCanvas 和 sessionStorage）來優化emoji-loader.js腳本。
   
2. WordPress 6.3 增加了對圖像上的fetchpriority="high"屬性的支持。 此改進預計將對首屏包含圖像的網站產生最大影響，但鑑於圖像是迄今為止網頁上最常用的媒體，您可能也會注意到此增強功能帶來的性能改進。
   
3. 最後但並非最不重要的一點是，“Lionel”引入了腳本加載策略，增加了對使用defer或async加載腳本的支持。 然而，您可能看不到 WordPress 核心的任何改進，並且生態系統尚未採用 API。

雖然服務器端性能改進並沒有帶來那麼大的提升，但性能團隊設法將塊主題的服務器響應時間加快了 19% 。

如果您有興趣深入研究所有性能更新，請查看官方文檔。

只需單擊一個按鈕，即可從未能通過 Core Web Vitals 轉變為通過 Core Web Vitals。 立即安裝 NitroPack →

增強的站點編輯器

在 WordPress 6.3 中，站點編輯器得到了豐富，增加了一些編輯器不同區域的新入口點，成為完成任務的集中中心。

下面是 6.2 和 6.3 之間的比較：

如您所見，新的導航包括：

• 導航
• 風格
• 頁數
• 模板
• 圖案

導航

導航允許您向上或向下移動菜單項或從下拉列表中刪除它們。 您還可以拖放項目來排列菜單順序。

風格

從“樣式”菜單中，您可以在瀏覽模式下查看不同的樣式選項。 這使您可以預覽並從可用樣式中進行選擇，然後根據您的喜好進行定制。

此外，單擊眼睛圖標可打開樣式書。 此功能在版本 6.2 中引入，允許您查看應用了各種樣式的可用塊的預覽，而無需退出編輯器界面。

頁數

“頁面”菜單提供對最近更新的十個網站頁面的訪問，以及多種編輯功能。 您可以生成新頁面、修改當前頁面的內容和結構、查看頁面詳細信息等等。

新功能是，您現在無需離開編輯器界面即可創建新頁面。

模板

雖然模板屏幕基本保持不變，但 WordPress 6.3 引入了一項新功能。 創建新模板時，會彈出一個新的模式疊加層，顯示模板的頁面列表。

圖案

模式部分是引入最多更改的部分：

• 可重用塊已重命名為同步模式
• 常規塊模式現在被命名為不同步模式
• wp_block自定義帖子類型已擴展為支持自定義字段，並且添加了新的wp_block_sync_status元字段來存儲模式的同步狀態
• 源屬性已添加到塊模式架構和響應中，以區分核心模式和用戶模式
• REST API 已使用新屬性進行了擴展

不同步的模式獨立運行，可以隨時添加。 插入後所做的任何更改都不會影響原始模式。

另一方面，同步模式適用於整個 WordPress 網站。 對它們的任何修改都會與原始模式產生共鳴。 它們的功能與可重用塊類似，所有這些塊現在都標記為“同步模式”。

每當您想要創建新模式時，只需點擊“模式”菜單中的“+”圖標即可。

您還可以通過單擊側邊欄中的“管理我的所有模式”來管理您的自定義模式。

命令面板

命令面板是一項新功能，旨在簡化您的常用操作，例如通過特定命令導航到編輯器中的不同頁面或模板。

在站點編輯器中，單擊鏡頭符號或按 cmd + k（對於 Windows 和 Linux 用戶為 ctrl + k）以激活命令面板。

當您輸入命令時，命令面板會建議多種命令供您選擇。 通過這種方式，您可以執行常見任務並更快地訪問站點編輯器的不同部分。

新樣式修訂功能

WordPress 可以通過名為“修訂”的工具非常輕鬆地恢復對帖子和頁面的編輯。

此功能現在也擴展到站點編輯器樣式。 這使您可以查看並在必要時撤消對主題樣式所做的修改。

要使用此功能，請在“樣式”面板中選擇要修改的樣式或塊。 單擊“修訂”選項，然後選擇“修訂歷史記錄”。

開發人員改進

與任何其他主要版本一樣，WordPress 6.3 為開發人員帶來了許多變化和改進。

這兒是一些精彩片段：

放棄對 PHP 5 的支持

從 WordPress 6.3 開始，將不再支持 PHP 5。 新的最低支持版本將為 PHP 7.0.0。 推薦的 PHP 版本是 7.4 或更高版本。這不僅對開發人員很重要，而且對所有 WordPress 用戶都很重要，因為使用舊版本可能會使您的網站容易受到安全漏洞的影響。

發展模式

WordPress 6.3 引入了一個稱為“開發模式”的新概念，它會影響 WordPress 行為的某些方面。 從現在開始，網站可以通過新引入的WP_DEVELOPMENT_MODE常量設置其開發模式。 建議將其用於所有面向開發的站點。

以下是 WP_DEVELOPMENT_MODE 的一些可能值：

• “core”表示該網站用作WordPress核心開發環境。 例如，當您直接為 WordPress 核心做出貢獻時，這可能是相關的。
• “plugin”表示本網站用作WordPress插件開發環境。 例如，當您正在為插件存儲庫開發插件時，這可能是相關的。
• “主題”表示本站作為WordPress主題開發環境。 例如，當您正在為主題存儲庫開發主題時，這可能是相關的。
• “all”表示該站點用作 WordPress 開發環境，所有三個方面都可以修改。 例如，當您在整個特定站點（例如為客戶）工作時，這可能是相關的。
• 空字符串表示該站點沒有啟用特定的開發模式。 這是默認值，應該在任何不用於開發的站點上使用。

“Lionel”引入的其他值得注意的開發人員變化包括：

• 主題開發人員現在可以在註冊模板模式時使用 template_types 屬性來分配一種或多種模板類型。
• get_pages() 函數已更新，現在在內部使用 WP_Query。
• 通過實現查詢緩存改進了 WP_User_Query 類。
• 緩存 API 中實現了多項改進。
• 新的塊選擇器 API 允許為塊配置多個 CSS 選擇器以在全局樣式中使用。
• 社交圖標應用的顏色現在根據 theme.json 和全局樣式動態更新
  

包起來

這絕不是最新 WordPress 更新中引入的所有改進的詳盡列表。

公告博客文章中還包含大量其他新功能，例如：

• 預覽塊主題
• 從樣式界面自定義標題，無需編碼
• 使用腳註塊進行註釋
• 使用詳細信息塊顯示或隱藏內容
• 設置圖像的縱橫比
• 不受干擾地構建您的網站
• 重新發現頂部工具欄
• 使用模式構建模板

所有這些都是下載 WordPress 6.3 的完美理由。

不要忘記提前備份您的網站，並且一如既往 - 如果您想通過 Core Web Vitals 並提高網站的性能，請安裝 NitroPack。

自動加速您的 WordPress 網站。 立即獲取 NitroPack →

圖片來源：金斯塔