Aprende Inglés, Programación, AI, Ciberseguridad y mucho más.

Antes: $249

Currency
$209
Suscríbete

Termina en:

5 Días
8 Hrs
13 Min
5 Seg

Buenas prácticas para optimizar animaciones web

11/12

Lectura

Teniendo en cuenta lo que vimos en la clase de CSS Triggers, te dejo aquí 5 buenas prácticas para optimizar tus animaciones web:

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 6

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

También considerar reducir o en algunos casos eliminar las animaciones en dispositivos móviles, ya que el rendimiento no es el mismo.

Con los consejos de este modulo se logra mejorar el rendimiento de los frames, muy cercano a lo que se considera optimo 60fps (frames por segundo).
.

.
Pasamos de 30 y algo fps a 59 fps.

Resumen de la lectura

Usa opacity y transform para animar. Propiedades como width, height, background y cualquier otras que utilicen una gran cantidad de pixeles son greedy.

Seguí los consejos y me va super bien 😄

Muy interesante

buenas recomendaciones