Blog sobre desarrollo WordPress en Español Desarrollo WordPress en Español
WordCamp Barcelona

WordCamp Barcelona 2018, gestión avanzada de assets en WordPress

He tenido el gran honor de abrir la WordCamp Barcelona 2018 en el Aula Magna del Edificio Histórico de la Universidad de Barcelona.

Hoy en día, la velocidad de carga de una página web es muy importante. El ser humano es impaciente, y optimizar nuestros desarrollos se ha convertido en clave para satisfacer la experiencia de usuario y posicionar mejor en buscadores.

Entre las diversas técnicas de WPO, optimizar tus recursos estáticos (html, js y css) es vital, y de esto ha ido esta charla. En ella hemos visto cómo:

  • Habilitar la compresión de nuestros recursos estáticos para reducir el tiempo de transferencia
  • Habilitar la caché de navegador para evitar que se descargue un mismo recurso la siguiente vez que lo solicitemos
  • Minificar HTML, CSS y JS
  • Optimizar las imágenes, que según estudios representan entre el 50 y 60% del peso total de nuestra web
  • Optimizar la entrega de CSS (critical, media queries…)
  • Optimizar la entrega de JS (footer, async, defer…)
  • Resource Hints: Preload
  • Carga condicional para evitar descargar recursos allá donde no se utilicen
  • CDN para mejorar los tiempos de descarga de nuestros recursos estáticos

 

Espero que os haya gustado. Puedes ver la presentación haciendo click aquí.

Puede que también te interese

Añade el código de Google Analytics a tus páginas AMP en WordPress
Añade el código de Google Analytics a tus páginas AMP en WordPress
Las páginas AMP cada día adquieren mayor importancia por su relevancia en los resultados de búsqueda en dispositivos móviles. Hace unos meses escribí un post…
Añade una barra de progreso a tus comandos WP-CLI
Añade una barra de progreso a tus comandos WP-CLI
En entradas anteriores vimos parte de lo que podemos hacer con WP-CLI. Una de sus mayores virtudes es poder crear tus propios comandos para realizar…
Cómo solucionar la pantalla blanca de la muerte en WordPress
Cómo solucionar la pantalla blanca de la muerte en WordPress
La WSOD (White Screen of Death o pantalla blanca de la muerte) es uno de los errores más comunes en WordPress. Identificaremos que nos encontramos…
Cómo desactivar Gutenberg cuando salga WordPress 5.0
Cómo desactivar Gutenberg cuando salga WordPress 5.0
La versión 5.0 de WordPress está a la vuelta de la esquina, prevista para finales de Agosto. Como ya sabrás a esta altura de la…