¿Cuántas ves no has buscado en Google algún gif de un “loading” para ponerlo en tu página?
Apuesto a que lo has hecho, ¿pero sabías que esto está afectando el rendimiento de tu página? 👀
.
No es para nada recomendable poner gifs de “cargando”, ya que suelen tener cierto peso y por tanto nuestra página deberá renderizar esta serie de binarios que conformar la imagen.
¡Descuida! Aquí estoy yo para ayudarte a solucionar estos problemas, recuerda que tenemos dos grandes amigos llamados HTML y CSS, ellos son los que nos salvarán el performance de la página 😄.
.
Podemos aplicar una serie de trucos con CSS para lograr hacer un loader elegante y funcional, y para hacer la animación estaremos usando “keyframes” de CSS 😉.
.
He preparado un video para ti que explica cómo hacer esto usando únicamente HTML y CSS, ¿estás listo? ¡Vamos!
¡Genial! Ahora ya puedes dejar de usar gifs que afectarán el performance de tu página, y has adquirido una nueva habilidad, los keyframes de CSS 💪.
.
Estaré pendiente de los comentarios por si tienes alguna duda, recuerda que puedes aprender más cosas como estas suscribiéndote a mi canal donde estaré subiendo cosas interesantes. 💚
