WPO WordPress

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.

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).

👇Tu comentario