CSS Performance
El rendimiento CSS suele depender menos de micro-optimizaciones y más de evitar trabajo innecesario del navegador.
Señales a vigilar
- Animar propiedades que fuerzan layout, como
width,height,topoleft. - Usar sombras, filtros o blur de forma masiva.
- Crear layouts que recalculan demasiado.
- Cargar CSS no usado en rutas donde no hace falta.
Regla práctica
Para animaciones, prioriza transform y opacity. Para estructura, prioriza layouts simples y componentes con dimensiones predecibles.