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

AJAX tradicional vs AJAX moderno, comparativa de rendimiento
AJAX tradicional vs AJAX moderno, comparativa de rendimiento
En las dos entradas anteriores veíamos dos formas de hacer AJAX en WordPress. Las dos son perfectamente válidas, pero en este post quiero hacer una…
Creando un tema desde cero para WordPress parte 3: El loop
Creando un tema desde cero para WordPress parte 3: El loop
1. Creando un tema desde cero para WordPress: Consideraciones previas 2. Creando un tema desde cero para WordPress: Escribiendo el tema 3. Creando un tema…
wp_options: ¿Qué es?, ¿Para qué sirve?, ¿Cómo se puede optimizar?, y ¿Cómo puedo hacer uso de ella?
wp_options: ¿Qué es?, ¿Para qué sirve?, ¿Cómo se puede optimizar?, y ¿Cómo puedo hacer uso de ella?
En este artículo vamos a ver qué es wp_options, para qué sirve y cómo optimizarla eliminando los rastros que van dejando algunos plugins y temas,…
Añade una clase CSS personalizada a tus meta boxes
Añade una clase CSS personalizada a tus meta boxes
En esta entrada vamos a ver como añadir una clase CSS a los meta boxes de WordPress. Utilizamos los meta boxes en WordPress para agrupar…