LowFile-scopeJavaScript / TypeScript Plug & play

Avoid expensive animations on non-composited properties

Animate transform/opacity; avoid top/left/width/box-shadow on large elements.

Why this matters

Uses GPU compositing and avoids costly relayout/paint.

Side-by-side examples engineers can pattern-match during review.

Avoid

.panel{ transition: top .3s }

Prefer

.panel{ transition: transform .3s } // JS: el.style.transform='translateY(0)'

Bad

.el{ transition: width .2s }

Good

.el{ transition: transform .2s }

From the same buckets as this rule.

Critical
Avoid Blocking Calls to Async Methods
Blocking async methods with `.Result` or `.Wait()` can cause deadlocks and prevent efficient asynchronous execution. Use `await` instead for proper async behavior.
concurrency-safetyperformance-efficiency
Critical
Fingerprint assets and cache immutably
All static JS/CSS/font/image files MUST use content-hashed filenames (e.g., app.9c1a7b.js) and be served with "Cache-Control: public, max-age=31536000, immutable". HTML and other non-fingerprinted documents MUST be served with "Cache-Control: no-cache" (or equivalent) to enable conditional revalidation.
web-static-assetscaching-strategy+2
Critical
No live network or DB in unit tests—use fakes/mocks
Unit tests must stub or fake external HTTP/DB calls; allow real I/O only in integration/e2e tests tagged accordingly.
testing-qualityperformance-efficiency+1