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

WP-CLI Parte 3, trabajando con posts
WP-CLI Parte 3, trabajando con posts
1. Instalación y primeros pasos 2. Instalando WordPress y primeros pasos y configuraciones 3. Trabajando con posts 4. Trabajando con usuarios 5. Trabajando con la…
AJAX en WordPress, la manera tradicional
AJAX en WordPress, la manera tradicional
Comienzo una serie de entradas donde veremos cómo hacer AJAX en WordPress. SPOILER ALERT: En este primer post, con un simple ejemplo, veremos cómo hacer…
Lazy load en WordPress para mejorar la velocidad de carga de tu web
Lazy load en WordPress para mejorar la velocidad de carga de tu web
Lazy load, carga diferida o carga perezosa es una técnica que consiste en retrasar la carga de ciertos tipos de contenido como imágenes, vídeos y frames.…
WordPress Hooks: Filters
WordPress Hooks: Filters
En la entrada anterior vimos lo que eran los Actions en WordPress. En esta vamos a ver el otro tipo de hook: los filters. Los…