#15 Carga diferida (lazy loading) y carga condicional de recursost – WPO WordPress

Acelera WordPress con caché: aprende a configurar caché de página, navegador y objetos para mejorar velocidad según el tipo de web.

Contenido de la lección

(Recordar que este contenido es la escaleta)

En esta clase práctica vamos a implementar técnicas de carga diferida y condicional para optimizar drásticamente el rendimiento de tu WordPress. 

Veremos cómo el lazy loading de imágenes y vídeos puede reducir hasta un 70% el tiempo de carga inicial, cargando solo los recursos que el usuario realmente ve. 

Objetivo de la lección

Dominar las técnicas de carga diferida y condicional para reducir hasta un 70% el tiempo de carga inicial de WordPress, implementando lazy loading inteligente que carga recursos solo cuando son necesarios y configurando carga condicional de CSS/JavaScript que elimina el peso innecesario de cada página sin comprometer la funcionalidad.

Recursos

• Perfmatters (premium) – Control granular de carga condicional
• WP Rocket (premium) – Lazy loading y CSS crítico integrado
• Smush (freemium) – Lazy loading de imágenes específico
• Asset CleanUp (freemium) – Gestión avanzada de scripts por página

Herramientas nativas:

• WordPress Lazy Loading – Función nativa desde versión 5.5
• Intersection Observer API – Base técnica del lazy loading

Herramientas de diagnóstico:

• PageSpeed Insights – Análisis de recursos no utilizados
• Inspector del navegador – Verificación de carga diferida
• Server Timing – Monitorización de tiempos de carga