VelinStyle Performance-Audit 1.2.0
Statisches HTML auf CLS, Lazy-Loading und render-blockierende Skripte pr?fen ? mit sicheren Auto-Fixes. English: Performance audit
Reifegrad: In VelinStyle 1.2.0 als stable dokumentiert. Design Intelligence (Plan / Review / Agent-Meta) ist davon getrennt und dort, wo angegeben, beta / foundation.
Wann nutzen
- Static HTML checks for CLS, lazy-loading, and render-blocking scripts before release.
- Pair with
velinstyle scanfor security/a11y andbootFromDOMinstead of full bundles.
Wann nicht
- Do not treat autofix as a Lighthouse replacement — still measure in a real browser.
- Review
--writediffs; defaults may not match every design.
Befehle
velinstyle perf audit samples/
velinstyle perf suggest .
velinstyle perf fix . --write
velinstyle perf audit . --jsonRegeln
| Rule | Severity | Autofix |
|---|---|---|
img-missing-dimensions | warning | width/height defaults |
img-no-lazy | info | loading="lazy" |
script-no-defer | warning | defer on external scripts |
large-inline-style | info | — |
font-display-swap | info | hint in report |
unused-velin-import | info | suggests runtime subpath |
CI
Run npm run test:perf in the framework repo, or npx velinstyle perf audit samples/ --json in CI. Exit code 1 when any error-severity issue is found.