Se ha realizado el análisis de LightHouse con las opciones de perfomance y desktop habilitadas para las siguientes páginas de la aplicación:
http://192.168.0.126:8080/upload
Se realiza el análisis de performance antes de aplicar las mejoras:
Mejoras aplicadas
Los archivos js que se utilizan en la página, pasan a utilizarse con una versión minificada en el caso de la clase personalizada del customDropzone.min.js y se hace uso de CDN con atributo async en los casos posibles.
http://192.168.0.126:8080/gallery
Se realiza el análisis de performance antes de aplicar las mejoras:
Mejoras aplicadas
Se incluye en Docker la librería de libwebp-dev para poder procesar las imágenes en webp. Se cambia el tipo imagen a procesar por Claviska, cambio de imagen de *.png a *.webp para que la carga de imágenes se más rápida y se elimina de las plantillas de Twig los atributos de ancho y alto en los tags de imágenes.
http://192.168.0.126:8080/search
Se realiza el análisis de performance antes de aplicar las mejoras:
Después de las mejoras realizadas en las plantillas de twig y en el cambio de tipo de imagen de png a webp, los resultados de lighthouse son estos:
Para consultar las capturas de pantallas ver documento BlackFire&LightHouse