[WordPress] 外掛分享: Block Weight Inspector

WordPress 外掛 Block Weight Inspector 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Block Weight Inspector」是 2026-01-19 上架。
  • 目前尚無安裝啟用數,是個很新的外掛。如有要安裝使用,建議多測試確保功能沒問題!
  • 上一次更新是 2026-01-20,距離現在已有 36 天。
  • 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

devmarvs |

外掛標籤

assets | blocks | gutenberg | profiling | performance |

內容簡介

總結:Block Weight Inspector是一個WordPress外掛,新增了一個側邊欄面板在區塊編輯器中,將當前文章/頁面中的區塊與其註冊的CSS和JS資源進行映射。它估計了本地資源的大小,突出顯示主要問題,並導出JSON報告。它還可以生成建議的條件式加載片段,以幫助您在區塊不存在時取消佇列資源。

- 這個外掛在區塊編輯器中新增了一個側邊欄面板,能夠對當前文章/頁面中的區塊與其註冊的CSS和JS資源進行映射。
- 它能夠估計本地資源的大小,突出顯示主要問題,並導出JSON報告。
- 外掛還能生成建議的條件式加載片段,以幫助您在區塊不存在時取消佇列資源。
- 外掛還添加了一個在「工具」>「Block Weight Inspector」頁面進行現有文章審核的功能,而不用打開編輯器。
- 注意:在分析內容時,檢查員會保留區塊註釋定界符,從而使parse_blocks()在消毒後仍然準確。

<html>
<ul>
<li>這個外掛在區塊編輯器中新增了一個側邊欄面板,能夠對當前文章/頁面中的區塊與其註冊的CSS和JS資源進行映射。</li>
<li>它能夠估計本地資源的大小,突出顯示主要問題,並導出JSON報告。</li>
<li>外掛還能生成建議的條件式加載片段,以幫助您在區塊不存在時取消佇列資源。</li>
<li>外掛還添加了一個在「工具」>「Block Weight Inspector」頁面進行現有文章審核的功能,而不用打開編輯器。</li>
<li>注意:在分析內容時,檢查員會保留區塊註釋定界符,從而使parse_blocks()在消毒後仍然準確。</li>
</ul>
</html>

原文外掛簡介

Block Weight Inspector adds a sidebar panel in the block editor that maps blocks in the current post/page to the CSS and JS assets they register. It estimates local asset sizes, highlights top offenders, and exports a JSON report. It can also generate a suggested conditional-loading snippet to help you dequeue assets when a block is not present.
It also adds a Tools -> Block Weight Inspector screen for auditing existing posts without opening the editor.
Note: The inspector preserves block comment delimiters when analyzing content so parse_blocks() remains accurate after sanitization.
Key features:

Block -> asset mapping using registered block metadata.
Estimated size for local assets.
Top offenders summary and full asset list.
JSON export for sharing or auditing.
Suggested conditional-loading rules (review before use).

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Block Weight Inspector」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


0.1.0 | trunk |

延伸相關外掛(你可能也想知道)

  • LiteSpeed Cache 》LiteSpeed Cache for WordPress(LSCWP)是一種全方位的網站加速外掛,包括獨家的伺服器層快取和一系列的優化功能。, LSCWP 支援 WordPress Multisite 及大多...。
  • Jetpack – WP Security, Backup, Speed, & Growth 》search engines, and grow your traffic with Jetpack. It’s the ultimate toolkit for WordPress professionals and beginners alike., , Customize and des...。
  • Image Optimizer – Optimize Images and Convert to WebP or AVIF 》外掛總結:, , - Image Optimizer 是一個易於使用的 WordPress 外掛,透過壓縮和調整大小的技術來減少圖像大小,同時保留最高的圖像品質。, - Image Optimize...。
  • WP Super Cache 》本外掛可以從您的動態 WordPress 部落格生成靜態 HTML 檔案。在產生 HTML 檔案後,您的網頁伺服器會傳送該檔案,而不是處理比較沉重、耗費更多資源的 WordPre...。
  • WP Fastest Cache – WordPress Cache Plugin 》han PNG or JPEG, which means faster downloads and less data consumption for your visitors, Database Cleanup – Detect and delete unnecessary d...。
  • ManageWP Worker 》, Want to clone or migrate your WordPress website to a new host or domain? No problem! With ManageWP, you can easily clone or migrate your website ...。
  • Speed Optimizer – The All-In-One Performance-Boosting Plugin 》SiteGround Optimizer 插件是由 SiteGround 開發的,可以大幅提高任何托管環境下的 WordPress 網站性能。, 最初設計用於 SiteGround 的服務器,現在已經有近 ...。
  • W3 Total Cache 》W3 Total Cache (W3TC) 透過整合內容傳遞網絡 (CDN) 和最新最佳實踐等功能,提高網站性能、減少加載時間,增進 SEO、核心 Web 主要指標和整體用戶體驗。W3TC ...。
  • Autoptimize 》Autoptimize 能夠輕鬆優化您的網站。它可以整合、縮小和快取腳本和樣式表,在默認情況下向頁面 head 中注入 CSS,但也可以內嵌關鍵 CSS 並延遲整合的完整 CSS...。
  • Breeze Cache 》Breeze是由Cloudways團隊開發的一款免費、簡單(卻功能強大)且使用者友好的WordPress快取外掛。它提供不同層級的WordPress效能優化選項,在WordPress、搭配W...。
  • AMP 》「Page Experience」(PX)是一組排名訊號,包括「核心網頁素質」(Core Web Vitals,CWV),用來測量使用者與網頁互動的使用體驗。AMP 是一個強大的工具,能...。
  • WebP Express 》ch means less bandwidth usage and faster page load times., Easy to use - with little effort, WordPress site admins can have their site serving auto...。
  • Redis Object Cache 》一個由 Redis 提供支援的持久化物件快取後端。支援 Predis、PhpRedis (PECL)、Relay、複寫、哨兵、叢集化和 WP-CLI。, 若要調整連線參數、前綴的快取鍵或設定...。
  • Custom Fonts – Host Your Fonts Locally 》此外掛能協助您輕鬆地在 WordPress 網站中嵌入自定義字型檔案 (woff2、woff、ttf、svg、eot、otf)。, 目前能與以下主題和外掛一起使用:, , Astra 主題, Beav...。
  • Query Monitor – The developer tools panel for WordPress 》ministrator user). This cookie can be set by defining QM_AUTH_KEY in your wp-config.php file., To learn more about how to use Query Monitor, please...。

文章
Filter
Apply Filters
Mastodon