WPOptimizers #1: Imágenes y LCP/CLS + Lazy Load, caché en AMP, max_execution_time

Al LCP no le gusta Lazy Load

El LCP de PageSpeed indica el tiempo de carga del objeto más grande, que puede ser una imagen, vídeo o texto.

Si no quieres que una imagen tarde más en cargar y afecte al LCP, lo mejor es excluirla de Lazy Load.

Al CLS no le gustan las imágenes de fondo

El CLS de PageSpeed indica si hay cambios importantes en la carga de la web y las imágenes de fondo afectan mucho al CLS.

Lo suyo es excluirlas de Lazy Load y precargarlas con Perfmatters, pero lo mejor es no tener imágenes de fondo ATF.

Comprueba los objetos LCP o CLS en PageSpeed

Si vas a PageSpeed, podrás ver qué objetos afectan al LCP o CLS.

El LCP te lo indica en "Renderizado del mayor elemento con contenido en PageSpeed", pero te explico cómo analizar el LCP.

El CLS te lo indica en "Evitar cambios de diseño importantes 4 elementos encontrados", pero te explico cómo analizar el CLS.

Ojo con la caché y AMP

Muchos plugins de caché NO son compatibles con las páginas AMP, así que no las cachearán.

De los pocos que sí lo hacen es WP Rocket, pero sólo es compatible con el plugin oficial de AMP y sólo aplica caché, nada de optimización de imágenes, scripts, etc.

Configura un max_execution_time adecuado

El max_execution_time indica el tiempo límite de ejecución de PHP y si un script tarda más de lo que tienes, tu web se caerá.

Esto es importante para plugins de optimización como los de caché, optimización de imágenes, etc.

Aumenta el max_execution_time en WordPress a 120 o 300 lo antes que puedas.

Únete gratis a WPOptimizers y aprende a optimizar WordPress

Recibe cada semana consejos de optimización probados para tener una web WordPress rápida, que mejorará su SEO y conversiones y acceso a herramientas, contenido exclusivo y soporte gratuito.