Audit Your Theme
summary
Walks through concrete tools and exact metrics to shrink and monitor theme CSS: run Parker (outputs JSON) to find file size (example 192 KB), total rules (≈1500), selectors (≈2000) and oddities like 113 !important declarations; run Analyze CSS for offender lists and try Project Wallace for visual reports. Add a metrics folder to commit JSON each sprint, use SASS variables and linting, favor Drupal behaviors, and remove unused content-specific CSS — one project reclaimed about 20 KB this way.
AI-written summary · about
chapters (11)
- 0:00Start
- 0:11ANDREW OLSON
- 0:35AGENDA
- 2:59HOW TO ANALYZE YOUR THEME
- 9:09WHAT IS PARKER?
- 18:13WHAT IS ANALYZE CSS?
- 19:27WHAT IS PROJECT WALLACE?
- 20:23WHAT IS LINT?
- 21:10REFACTOR PRO TIPS
- 23:40MEASURE YOUR THEME OVER TIME
- 24:06REFERENCES
