Block Weight Inspector
·
See which blocks load which CSS/JS assets on a page and estimate their weight.
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).