Configura solo la región que necesite un comportamiento distinto:

import { Backdrop, GlassPrimitive } from "@liquidify/glass"

export function VideoControls() {
  return (
    <Backdrop type="high">
      <GlassPrimitive as="nav" aria-label="Playback controls">
        {controls}
      </GlassPrimitive>
    </Backdrop>
  )
}

Usa static para fondos fijos, low para contenido habitual y high para cambios continuos. Esta declaración permite elegir la estrategia sin inspeccionar ni capturar la página.

• Prefiere una superficie contenedora a varias capas decorativas superpuestas.
• Mantén pequeñas las regiones con animación continua.
• No apliques cristal a elementos invisibles o duplicados.
• Virtualiza listas largas antes de añadir tratamientos costosos a cada fila.
• Mantén estables los objetos de estilo usados con useGlass para aprovechar la memoización.

Mide desplazamiento, apertura de superposiciones y animación continua en cada motor. Chrome puede mostrar la refracción completa; Safari y Firefox usan desenfoque y reflejos estáticos. Verifica aparte el movimiento reducido.

Usa la prop perf solo cuando el componente la documente. Prefiere Backdrop para configurar una región.