Según Google, cada segundo de retraso en el tiempo de carga de la página reduce la tasa de conversión móvil en un 20%. La velocidad es ahora un requisito indispensable tanto para el SEO como para la experiencia del usuario.
Optimización de imágenes
Las imágenes representan del 60 al 70% del tamaño total de la página en la mayoría de los sitios. Los pasos esenciales incluyen el cambio al formato WebP (entre un 25 y un 35% más pequeño que JPEG), el dimensionamiento correcto (notar la entrega de imágenes innecesariamente grandes no es adecuado, así que: no ofrecer imágenes innecesariamente grandes), la carga diferida (lazy loading de imágenes fuera del viewport) y la entrega de imágenes adaptables mediante "srcset".
CSS y JavaScript
Se deben eliminar el CSS y el JS no utilizados (tree shaking). Los archivos deben minificarse y comprimirse (gzip/brotli). Los recursos que bloquean el renderizado deben retrasarse con los atributos async o defer. El CSS crítico debe servirse en línea (inline).
Caché y CDN
Caché del navegador: TTL largo (1 año) para archivos estáticos. Caché del lado del servidor: las páginas dinámicas deben almacenarse en caché. CDN (Cloudflare, Fastly): el contenido estático se sirve desde servidores más cercanos al usuario, lo que reduce drásticamente la latencia. Incluso el plan gratuito de Cloudflare marka una gran diferencia.
Objetivos de Core Web Vitals
LCP (Largest Contentful Paint) < 2.5s. INP (Interaction to Next Paint) < 200ms. CLS (Cumulative Layout Shift) < 0.1. Realice mediciones periódicas con PageSpeed Insights and Lighthouse. La acumulación de pequeñas mejoras proporciona una gran ventaja en el posicionamiento.