Qué es Glide
Manipulador de imágenes integrado en Statamic. Genera versiones optimizadas en runtime y las cachea en public/img/.
Uso básico
En Antlers: {{ glide :src="image" width="800" format="webp" quality="80" }}. La primera carga es lenta (genera), las siguientes vienen del caché.
Responsive
Usa srcset con varios anchos: 480, 768, 1200, 1920. El navegador elige la versión óptima según el dispositivo.
WebP y AVIF
WebP es soportado por todos los navegadores modernos y reduce el peso ~30% vs JPEG. AVIF es aún mejor pero genera más lento.
Lazy loading
Agrega loading="lazy" a todas las imágenes below-the-fold. La imagen del hero debe quedar con loading="eager" y fetchpriority="high".