Aquí recogeré información sobre el Web Performance Optimización (WPO) o de la optimización de la web para acelerar la velocidad de carga.
Contenidos
Checklist WPO
Lista de elementos a revisar relacionados con el WPO.
Backend – Servidor
- Revisar peticiones (webpagetest) – TTFB y otros tiempos
- Optimizar imágenes
- Compresión en servidor (gzip, br, deflate)
- Sistema de caché en servidor (header expires)
Frontend – Navegador
- Revisar peticiones (webpagetest) – Número, orden, peso…
- Reducir y unificar CSS
- Reducir y unificar JS
- Minimizar CSS
- Minimizar JS
- Modificar HTML de imágenes (especificar dimensiones en las posibles)
- Caché de navegador
- Lazy Load en imágenes apropiadas
- Usar diferentes tamaños de imágenes según la resolución (<picture>) o usar background-image cuando sea apropiado para aplicar media queries.
Q&A David Noguera (WebEmpresa)
Webinar con preguntas y respuestas sobre WPO (ver PDF).