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

Cómo crear un formulario de registro personalizado en WordPress
Cómo crear un formulario de registro personalizado en WordPress
En entradas anteriores hemos visto cómo crear formularios de log-in / log-out personalizados, y cómo agregar campos personalizados al perfil de usuario de WordPress tanto…
Seguridad WordPress: backups
Seguridad WordPress: backups
Tener un backup es imprescindible en cualquier desarrollo web. Es el plan B para cuando algo falla. Si todo funciona correctamente nunca recurriremos a él,…
Establecer la primera imagen de un post como destacada
Establecer la primera imagen de un post como destacada
Cuando escribimos una entrada o página en WordPress, por defecto nos deja establecer una imagen destacada o thumbnail: Esta imagen destacada suele usarse por ejemplo…
Creando un plugin para WordPress parte 5: Subida al Repositorio
Creando un plugin para WordPress parte 5: Subida al Repositorio
1. Creando un plugin para WordPress: Planificación y planteamiento 2. Creando un plugin para WordPress: Estilo del Código 3. Creando un plugin para WordPress: Escribiendo…