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 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…
WordPress Hooks: Actions
WordPress Hooks: Actions
Si estás familiarizado con WordPress, probablemente hayas oído hablar de los hooks, pero… ¿qué son o para qué sirven? Los hooks de WordPress podrían definirse…
Sácale partido al personalizador de WordPress
Sácale partido al personalizador de WordPress
Con este título he tenido el honor y el privilegio de participar como ponente en la WordCamp Santander 2016. El personalizador de WordPress apareció en…
Mejora la puntuación de Google PageSpeed Insights: Especificar caché de navegador
Mejora la puntuación de Google PageSpeed Insights: Especificar caché de navegador
1. Optimizar imágenes 2. Minificar CSS y JS 3. Especificar caché de navegador 4. Habilita la compresión 5. Reducir el tiempo de respuesta del servidor…