¿Qué es mejor para el rendimiento de un sitio web: imágenes, videos o Lottie?
Impulsa el rendimiento de tu sitio web: cómo elegir entre imágenes, videos o Lottie. ¿Cuál es mejor para el rendimiento de tu sitio?
En el acelerado mundo digital, optimizar el rendimiento de un sitio web es una prioridad para las empresas que buscan ofrecer una experiencia de usuario excepcional. Al elegir los recursos adecuados para tu sitio web, como imágenes, videos y animaciones de Lottie, es fundamental entender su impacto en el rendimiento. Para aclarar este tema, realizamos un pequeño experimento en nuestro propio sitio de inicio de Menta, para analizar, de forma específica para nuestra página, qué recurso consume más rendimiento. Duplicamos la página de inicio original tres veces e hicimos modificaciones específicas en cada versión:
- Página de inicio original: representa la línea base, con todos los recursos intactos (imágenes, videos y archivos de Lottie).
- Página de inicio sin archivos de Lottie: se eliminaron todas las animaciones de Lottie y se mantuvieron los demás elementos sin cambios.
- Página de inicio sin imágenes: se eliminaron todas las imágenes, mientras que los videos y los archivos de Lottie se mantuvieron.
- Página de inicio sin videos: se excluyeron todos los videos, mientras que las imágenes y las animaciones de Lottie se conservaron.
Mediante pruebas de rendimiento con herramientas como GTMetrix y Google PageSpeed, comparamos los resultados del sitio web original con tres variaciones: una sin animaciones de Lottie, una sin imágenes y una sin videos.
Antes de entrar en los resultados del experimento, es esencial señalar el tamaño de los recursos que usamos. Nuestra animación de Lottie pesaba aproximadamente 18KB y se utilizó en el encabezado y en dos secciones del sitio web. Las imágenes empleadas pesaban todas menos de 300KB cada una, mientras que los dos videos tenían un tamaño inferior a 3.5MB.
Es importante señalar que estos resultados pueden no coincidir con las expectativas. Aunque reducir los recursos multimedia parezca lógico para mejorar el rendimiento, los datos de las pruebas no respaldan esa suposición de forma consistente.
En conclusión, no podemos basarnos únicamente en estas herramientas de medición de rendimiento. Los valores obtenidos varían de forma significativa, lo que dificulta determinar con precisión la influencia de cada recurso. Para realizar un estudio más preciso, sería necesario usar la misma cantidad de recursos con tamaños de archivo similares para imágenes, animaciones de Lottie y videos; y, por supuesto, necesitaríamos más muestras.
Sin embargo, como diseñadores y desarrolladores web, sigue siendo esencial encontrar un equilibrio entre la calidad y el tamaño de archivo de los recursos multimedia. Esforzarnos por optimizar su peso tanto como sea posible contribuirá a mejorar el rendimiento general del sitio web.
No hay una respuesta definitiva sobre qué recurso es mejor para el rendimiento de un sitio web. Depende de varios factores, como el caso de uso específico, la cantidad y la calidad de los recursos, y cómo se optimizan e implementan.
Aviso: es importante señalar que el experimento realizado en nuestro sitio de inicio no es un estudio de investigación académica exhaustivo. El rendimiento de un sitio web puede verse influido por varios factores, como la infraestructura de hosting, la optimización del código, las condiciones de la red y las características específicas de los propios recursos.
