Informe Lighthouse
Fecha: 28/06/2024
Tester: Sánchez López Leila
Navegador: Microsoft Edge
Herramienta: Lighthouse
❖ Versión Mobile:
Al observar el diagnostico, podemos indicar las siguientes mejoras en la versión Mobile
de OpenCart:
1. Minimiza el trabajo del hilo principal:
Reducir la cantidad de tareas y su complejidad que se ejecutan en el hilo principal,
asociados principalmente a tareas críticas.
2. Publica imágenes con formatos de próxima generación:
Cambiar el formato de imagen de JPEG o PNG las cuales consumen más datos y se
descargan más lento, por formatos como WebP y JPEG 2000 o también AVIF (aún en
proceso de adaptabilidad en navegadores más antiguos)
3. Reduce el contenido JavaScript que no se use:
El contenido que no se usa interfiere en el rendimiento y la eficiencia. Hay que eliminar
u optimizar el código JavaScript que no contribuye directamente a las funcionalidades
o características de la página.
4. Los elementos de imagen no tienen width y height explícitos:
Definir el alto y el ancho en las etiquetas <img> del código HTML para mejorar el
rendimiento, la accesibilidad y la visualidad de la página.
Conclusión: La versión Mobile tiene muchos defectos en general, de los cuales se
destaca su bajo rendimiento, ofreciendo una mala experiencia para el usuario. Se
recomienda aplicar las mejoras mencionadas anteriormente y luego volver a analizar
para comparar resultados.
❖ Versión Ordenador:
Al observar el diagnostico, podemos indicar las siguientes mejoras en la versión
ordenador de OpenCart:
1. Reducir el tiempo de respuesta inicial del servidor:
Se debe disminuir el tiempo ya que así se podrá incrementar la velocidad con la que los
usuarios pueden cargar y ver el contenido.
2. Elimina los recursos que bloqueen el renderizado:
Se deben eliminar los elementos que hasta no ser descargados y procesados
completamente impiden que la página se muestre rápidamente.
3. Publica recursos estáticos con una política de caché eficaz:
Permitir que los navegadores almacenen ciertos archivos y no tengan que descargarlos
cada vez que un usuario visita la página.
4. Renderizado del mayor elemento con contenido:
El navegador priorice y renderice (interprete y cargue el contenido) primero de los
elementos más importantes. Esto permitirá mostrar rápidamente el contenido
principal mientras otros elementos se cargan en segundo plano.
Conclusión: La versión de Escritorio debe mejorar a grandes rasgos en velocidad de
carga, rapidez y fluidez, para así dar una experiencia óptima para el usuario. Se debe
destacar su alto rendimiento
