When performance or visual stability matters (e.g., zoom/antialiasing), prefer precision-first measurement and avoid expensive DOM churn. Apply these rules: 1) Use high-precision resize measurements - Avoid rounded CSS pixel APIs like `clientWidth/clientHeight` when jitter appears during zoom. - Prefer `ResizeObserver` and read `borderBoxSize` (more stable than layout-derived rounded values). - Also handle `visualViewport` resize when zoom changes affect rendering. 2) Inject shared resources only once (or reference-count) - If multiple component instances need the same `