Local Max
Volver al blog
SEO Técnico14 min de lectura· 2022-04-12

Cómo mejorar la velocidad de carga de tu web en 2026

Manual técnico completo para optimizar Core Web Vitals y velocidad de carga: LCP < 2,5s, INP < 200ms, CLS < 0,1. Herramientas, técnicas y plazos de resultado.

Cómo mejorar la velocidad de carga de tu web
EL

Eduardo López Parada

Fundador · Local Max

La velocidad de carga de tu web es factor SEO directo desde 2021 (Page Experience Update) y afecta dramáticamente las conversiones: por cada segundo extra de LCP, conversion rate cae ~7 %. En 2026 los Core Web Vitals (LCP, INP, CLS) son métricas oficiales de Google que determinan ranking en sectores competitivos. Esta guía técnica explica las métricas, cómo medirlas, las optimizaciones por orden de impacto real, las herramientas profesionales y los plazos de resultado.

Core Web Vitals 2026 (umbrales oficiales Google)

MétricaBuenoNecesita mejoraPobre
LCP (Largest Contentful Paint)< 2,5s2,5-4s> 4s
INP (Interaction to Next Paint)< 200ms200-500ms> 500ms
CLS (Cumulative Layout Shift)< 0,10,1-0,25> 0,25

INP reemplazó oficialmente a FID en marzo 2024 como métrica de responsiveness. INP mide la latencia de TODAS las interacciones, no solo la primera. Es más estricta y refleja mejor la experiencia real.

Cómo medir velocidad correctamente

  1. 1PageSpeed Insights (pagespeed.web.dev): la herramienta oficial. Devuelve datos lab (Lighthouse) + datos field (CrUX dataset). Usa ambos.
  2. 2Search Console > Core Web Vitals: muestra URLs reales con problemas, agrupadas por causa. Datos field 28 días.
  3. 3Lighthouse local (Chrome DevTools > Lighthouse): análisis sandbox sin red real. Útil para iterar.
  4. 4Web Vitals Chrome extension: medición en tiempo real mientras navegas.
  5. 5WebPageTest.org: tests con dispositivos reales, redes 3G/4G, ubicaciones específicas, vista filmstrip frame-by-frame.
  6. 6GTmetrix: alternativa popular con scores propios + Core Web Vitals.
  7. 7CrUX dashboard en BigQuery: datos field históricos de tu site agregados por Google.
  8. 8RUM (Real User Monitoring) con Datadog, New Relic, SpeedCurve, Sentry, Vercel Speed Insights — datos field de TUS usuarios reales.

Optimizaciones por orden de impacto en LCP

1. Optimizar la imagen LCP (mayor impacto típico)

  • Identifica el elemento LCP: en Lighthouse aparece como "Largest Contentful Paint element". Suele ser el hero image.
  • Sirve formatos modernos: WebP (compatible 96 %) o AVIF (compatible 88 %) con fallback JPEG/PNG.
  • Comprime correctamente: usar Squoosh, ImageOptim, Sharp (Node.js), o servicio CDN como Cloudinary, Imgix, ImageKit.
  • Pre-carga el LCP con `` en ``.
  • NO uses lazy loading en LCP: lazy loading retrasa LCP. Sí en imágenes below-the-fold.
  • Dimensiones explícitas: width/height para evitar CLS.
  • Responsive con srcset: servir tamaños óptimos según viewport.
  • Para Next.js/React: usar `` componente con `priority={true}` para LCP.

2. Optimizar TTFB (Time to First Byte)

  • Hosting de calidad: para sites mid-market+, Vercel/Netlify para JAMstack, AWS/Cloudflare para sites custom. Hosting compartido cheapo NO va.
  • CDN obligatorio: Cloudflare (free tier excelente), Fastly, AWS CloudFront, Vercel Edge Network.
  • Caching server-side: Redis, Memcached, FastCGI cache (Nginx), Cloudflare cache.
  • Optimizar consultas BBDD: indexar correctamente, eliminar N+1 queries, usar pool de conexiones.
  • SSR con caching: Next.js ISR, Astro, Eleventy generan HTML pre-rendered cuando posible.
  • HTTP/2 o HTTP/3: obligatorio. HTTP/3 (QUIC) en 2026.
  • Brotli compression: 15-25 % mejor que gzip.

3. Optimizar render-blocking CSS y JS

  • CSS crítico inline: extraer above-the-fold CSS, inlinearlo en ``. El resto async.
  • JS defer/async: scripts no críticos con `defer` o `async`.
  • Minificación: HTML, CSS, JS minificados en producción.
  • Tree-shaking: eliminar código JS muerto con webpack/Rollup/esbuild.
  • Code splitting: cargar JS por ruta solo lo necesario para cada página.
  • Bundling moderno: esbuild/Rollup/Vite generan bundles 50-80 % más pequeños que webpack viejo.
  • Preconnect/dns-prefetch: para third-party domains críticos (fonts.googleapis.com, analytics).

Optimizaciones para INP (Interaction to Next Paint)

  • Reducir total JS execution time: < 2s en main thread.
  • Eliminar long tasks: tareas > 50ms bloquean main thread. Romper en chunks con `requestIdleCallback` o `scheduler.yield`.
  • Web Workers para CPU-intensive: parsing, encryption, image processing fuera de main thread.
  • Debouncing/throttling: en event handlers (scroll, resize, input).
  • Lazy loading de componentes no críticos: React.lazy, dynamic imports.
  • Hydration parcial: Astro, Qwik permiten hydration por componente bajo demanda.
  • Third-party scripts pesados (Intercom, HubSpot live chat, Hotjar) con `defer` + lazy load.

Optimizaciones para CLS (Cumulative Layout Shift)

  • Width/height en imágenes y vídeos: SIEMPRE explícito en HTML para reservar espacio.
  • Aspect ratio CSS: `aspect-ratio: 16/9` reserva espacio antes de cargar contenido.
  • Ads/embeds en contenedores fijos: con dimensiones reservadas.
  • Web fonts con `font-display: optional` o `swap`: evita FOIT/FOUT que causa layout shifts.
  • Preload fonts críticos: `` para fonts above-the-fold.
  • No insertes contenido dinámico above-the-fold: cookie banners, popups, notificaciones top.
  • Skeleton loaders en lugar de placeholders en blanco.

Impacto SEO real de la velocidad

En 2026, Core Web Vitals son factor de ranking confirmado por Google con peso moderado pero crítico en sectores competitivos:

  • Tiebreaker entre sites de calidad similar: si tu contenido es similar a competidor pero tu Web Vitals son mejores, ganas.
  • Mobile-first indexing: Google evalúa móvil. Tu LCP móvil debe ser < 2,5s en 4G.
  • Impacto en conversiones: 0,1s mejora en LCP → +8 % en conversión (Google/Walmart studies).
  • SEO Local específicamente: usuario móvil con conexión variable. Velocidad importa más aún.
  • AdSense/AdX: ads en sites lentos reciben menor CPM (Google penaliza monetización).

Plazos típicos para mejorar velocidad

AcciónEsfuerzo técnicoMejora típica
Optimizar imágenes (compresión + WebP/AVIF)1-3 días20-50 % en LCP
Configurar CDN (Cloudflare)2-4 horas20-40 % en TTFB
Brotli compression1 hora10-15 % en transferencia
Lazy loading below-the-fold images2-4 horas10-25 % en LCP móvil
Critical CSS extraction + inline1-2 días15-30 % en LCP
Code splitting + tree-shaking1-2 semanas30-60 % en JS bundle size
Migrar a SSR/SSG (Next.js, Astro)2-8 semanas30-70 % en LCP global
Migrar de hosting compartido a CDN edge1-3 días40-80 % en TTFB
Eliminar third-party scripts pesados1-3 días20-40 % en INP
Migrar a hydration parcial (Astro/Qwik)Refactor completo, meses50-90 % en INP

Errores frecuentes en optimización de velocidad

  1. 1Optimizar lab data sin mirar field data: PageSpeed 95/100 con CrUX en rojo.
  2. 2Lazy loading en imagen LCP: retrasa LCP exactamente lo que se quiere evitar.
  3. 3CDN sin configurar cache rules: sirve assets pero no cachea el HTML.
  4. 4Plugins WordPress de caching mal configurados: WP Rocket, W3 Total Cache pueden romper o no funcionar si misconfig.
  5. 5Third-party scripts sin defer: cargas pesadas de Hotjar, Intercom, Drift bloquean main thread.
  6. 6No medir móvil específicamente: optimizar desktop sin verificar 4G móvil donde están la mayoría de usuarios.
  7. 7Cookie banners gigantes encima del contenido: causan CLS masivo + delay en LCP.
  8. 8Web fonts sin font-display: FOIT (Flash of Invisible Text) durante 3 segundos.

¿Necesitas auditar la velocidad de tu web?

60 minutos gratis. Hacemos auditoría Core Web Vitals + Lighthouse + RUM. Te entregamos las 5-10 acciones priorizadas por impacto que sacan tu web a Core Web Vitals 'Good' en 4-12 semanas.

Reservar auditoría de velocidad

Preguntas frecuentes

¿Qué son los Core Web Vitals?

Core Web Vitals son tres métricas oficiales que Google usa para evaluar la experiencia de usuario de tu web: 1) LCP (Largest Contentful Paint): tiempo desde que empieza a cargar hasta que se muestra el elemento más grande de la parte visible (típicamente hero image o H1). Bueno: < 2,5s. Necesita mejora: 2,5-4s. Pobre: > 4s. 2) INP (Interaction to Next Paint): latencia de TODAS las interacciones del usuario con la página (clicks, taps, key presses), no solo la primera. Mide la responsiveness real. Reemplazó oficialmente a FID en marzo 2024. Bueno: < 200ms. Necesita mejora: 200-500ms. Pobre: > 500ms. 3) CLS (Cumulative Layout Shift): cuánto se mueven los elementos visuales después de cargar (cuando una imagen aparece tarde y empuja texto, o cookie banner inserto). Bueno: < 0,1. Necesita mejora: 0,1-0,25. Pobre: > 0,25. Google usa estos valores como factor de ranking desde Page Experience Update 2021 y refinó la definición con INP en 2024. Sites con Core Web Vitals 'Good' (los tres en verde) tienen ventaja vs sites con métricas en rojo, especialmente en sectores competitivos.

¿Cómo mido la velocidad de mi web correctamente?

Combinar herramientas lab (sandbox) y field (usuarios reales). Herramientas principales 2026: 1) PageSpeed Insights (pagespeed.web.dev): herramienta oficial Google. Devuelve datos lab (Lighthouse simulation) + datos field (CrUX dataset de últimos 28 días con usuarios reales de Chrome). Usa ambas vistas. 2) Search Console > Core Web Vitals: muestra URLs reales con problemas agrupadas por causa, datos field 28 días. Esencial para diagnóstico. 3) Lighthouse local (Chrome DevTools): análisis sandbox sin red real, perfecto para iterar rápido. 4) Web Vitals Chrome extension: medición en tiempo real mientras navegas. 5) WebPageTest.org: tests con dispositivos reales, redes 3G/4G/4G+Wi-Fi, ubicaciones globales, vista filmstrip frame-by-frame. 6) GTmetrix: alternativa popular con scores propios + Core Web Vitals. 7) CrUX dashboard en BigQuery: datos field históricos agregados. 8) RUM (Real User Monitoring) con Datadog, New Relic, SpeedCurve, Sentry, Vercel Speed Insights: datos field de TUS usuarios reales segmentables por dispositivo, país, browser, página. CRÍTICO: Google ranking usa field data (CrUX), no lab data. PageSpeed 95/100 lab data con CrUX en rojo no salva tu SEO. Optimiza para field data; usa lab data para iterar rápido sin esperar 28 días.

¿Por qué mi web es lenta?

Causas más frecuentes de lentitud 2026, ordenadas por frecuencia: 1) Imágenes mal optimizadas (60 % de casos): formato JPEG cuando debería ser WebP/AVIF, dimensiones sin redimensionar (3.000x2.000 cuando se muestra a 800x600), sin lazy loading below-the-fold, sin preload del LCP. 2) Hosting compartido cheapo (30 % de casos): TTFB > 800ms por servidor saturado. Solución: CDN + hosting modern (Vercel, Netlify, AWS). 3) Third-party scripts pesados (40 % de casos): Hotjar, Intercom, HubSpot Live Chat, Drift, varios chats simultáneos, retargeting pixels múltiples. Cada uno añade 50-300ms de JS execution. 4) JS bundle gigante sin code splitting (35 % de casos): cargar 800KB de React/jQuery innecesario en cada página. 5) CSS no crítico render-blocking (25 % de casos): cargar 200KB de CSS antes de mostrar contenido above-the-fold. 6) Web fonts sin font-display (20 % de casos): texto invisible durante 3 segundos esperando font remoto. 7) Plugins WordPress redundantes (en sites WP, 50 % de casos): 30 plugins activos, cada uno carga CSS/JS propio. 8) No usar CDN (25 % de casos): users en Latinoamérica acceden a servidor en España con 200-400ms RTT. 9) Cookie banners gigantes above-the-fold (15 % de casos): CLS masivo + delay LCP. 10) Base de datos lenta (20 % de casos en sites dinámicos): queries no indexadas, N+1, sin caching.

¿Influye la velocidad en el SEO?

Sí, en 2026 es factor de ranking confirmado por Google con peso moderado-alto. Detalles concretos: 1) Page Experience Update 2021 incorporó Core Web Vitals como factor de ranking oficial. 2) En sectores competitivos, Core Web Vitals 'Good' (todos en verde) actúa como tiebreaker: sites con contenido similar pero CWV mejores ganan posición. 3) En sectores poco competitivos, contenido sigue siendo factor dominante — velocidad importa menos pero sigue contando. 4) Mobile-first indexing: Google evalúa la versión móvil. Tu LCP móvil debe ser < 2,5s en 4G, no solo en desktop con Wi-Fi. 5) Impacto en conversiones complementario al SEO: 0,1s mejora en LCP → +8 % en conversión rate (Google/Walmart/Amazon studies replicados). Cada segundo extra de LCP cae conversión ~7 %. 6) AdSense/AdX: ads en sites lentos reciben menor CPM (Google penaliza monetización). 7) Bounce rate más alto en sites lentos → señal indirecta negativa a Google (dwell time bajo). 8) Crawl budget: sites más rápidos son crawleados más eficientemente. Beneficios sectoriales: ecommerce (conversión directa), SEO Local (usuarios móviles), blogs corporativos (engagement). Inversión típica: 5.000-30.000 € one-shot para llevar site de 'Pobre' a 'Good' en CWV; 1.000-5.000 €/mes para mantener. ROI: 2-5x en 12 meses por uplift en conversión + ranking.

¿Qué herramientas usan los profesionales para optimizar velocidad?

Stack profesional 2026 por categoría: 1) Medición: PageSpeed Insights, Lighthouse, Search Console, WebPageTest, CrUX dashboard. Para RUM: Vercel Speed Insights (gratis con Vercel), SpeedCurve (49 $/mes), Datadog RUM (15-50 $/mes), New Relic, Sentry Performance. 2) Optimización imágenes: Squoosh.app (free), ImageOptim (Mac), Sharp (Node.js library), Cloudinary (CDN imagen automatizado, free tier + 99-199 $/mes), Imgix (similar), ImageKit, Akamai Image Manager. 3) CDN: Cloudflare (free tier excelente, Pro 20 $/mes, Business 200 $/mes), Fastly, AWS CloudFront, Vercel Edge Network (integrado), Bunny.net (low-cost). 4) Caching: Redis, Memcached server-side, Cloudflare Workers/Edge KV, Varnish Cache para Drupal/Magento. 5) Build tools modernos: esbuild (más rápido), Vite, Rollup, Turbopack (Next.js 13+). 6) Frameworks SSR/SSG: Next.js, Astro (excelente para sites con poca interactividad), Qwik (hydration por componente), Remix. 7) WordPress específico: WP Rocket (49 $/año, premium), LiteSpeed Cache (free, requiere hosting LiteSpeed), Cloudflare APO para WP (5 $/mes). Avoid: Plugins masivos como W3 Total Cache mal configurados son peor que nada. 8) Lighthouse CI integrado en GitHub Actions/CircleCI para regression testing automático en cada PR.

¿Cuánto tiempo tarda mejorar la velocidad de una web?

Plazos típicos según punto de partida y complejidad: 1) Quick wins (1-2 semanas, 30-50 % mejora): comprimir imágenes existentes a WebP, alta CDN Cloudflare gratis, brotli compression, lazy loading below-the-fold, defer JS no crítico, eliminar plugins WordPress redundantes. Mejora dramática para sites en estado 'Pobre'. 2) Optimizaciones medias (3-6 semanas, +30-50 % adicional): code splitting + tree-shaking, critical CSS inline, preload LCP, web fonts con font-display, optimizar third-party scripts, hosting upgrade si compartido cheapo. Suficiente para sectores no ultra-competitivos. 3) Optimizaciones avanzadas (2-4 meses, +20-40 % adicional): SSR con Next.js/Astro, edge functions, hydration parcial, RUM monitoring con alertas, regression testing CI/CD. Lleva site a top 5 % en velocidad del sector. 4) Refactor completo (4-12 meses): migrar de Wordpress + plugins a Next.js/Astro headless, BBDD optimizada, arquitectura edge-first. Para ecommerce 10k+ SKUs o sites enterprise. Plazos para que cambios surjan efecto en SEO: Lab data (Lighthouse) cambia inmediato. Field data (CrUX que Google usa para ranking) actualiza con datos 28 días — cambios tardan 28-60 días en reflejarse en CrUX. Por eso, optimizar continuamente sin esperar a ver impacto. Coste típico: 3.000-15.000 € one-shot para PYMES (quick wins + medias); 20.000-100.000 € para refactor avanzado.

¿Qué impacto tiene la velocidad en las conversiones?

Impacto directo y bien documentado por studies de Amazon, Walmart, Google, Akamai, Cloudflare: 1) 100ms (0,1s) extra de LCP → -7 % en conversion rate (Amazon study replicado). Inverso: cada 100ms reducción → +7-8 %. 2) 1 segundo extra de LCP → -20 a -30 % en conversion rate. Inverso: cada 1s reducción → +20-30 %. 3) Sites con LCP > 4s (Pobre) tienen bounce rate 50-70 % más alto que sites con LCP < 2,5s (Good). 4) Sites móviles que tardan > 3 segundos pierden 53 % de visitantes (Google study 2018, sigue siendo válido). 5) Cada 100ms mejora en LCP móvil → +1 % en revenue mobile (Mozilla, Walmart studies). 6) INP > 500ms (Pobre) reduce engagement (clicks, scroll depth, retorno) 30-50 % vs INP < 200ms (Good). 7) CLS > 0,25 (Pobre) reduce conversion rate 10-25 % por mala UX cuando elementos se mueven. Ejemplos sectoriales: Ecommerce con LCP 4s → 2s suele ver +25-40 % en conversion rate sostenido. Sites de leads (B2B SaaS, servicios) con INP optimizada ven +15-30 % en form submission rate. SEO Local: GBP clicks → web con velocidad mejorada captan 30-50 % más leads por sesión. ROI inversión en velocidad: en sites con > 100k visitas/mes, suele recuperarse en 1-3 meses con uplift en conversión, después beneficio neto sostenido.

▸ ARTÍCULOS RELACIONADOS

Sigue profundizando.

Cluster temático: Performance + Técnico

GARANTÍA Y COMPROMISO

Cómo nos jugamos la piel contigo.

La mayoría de agencias de SEO Local te venden esperanza con frases ambiguas y contratos blindados. Local Max funciona al revés: las garantías están por escrito, los objetivos se firman al inicio y el coste de equivocarnos lo asumimos nosotros.

Plan firmado

Antes de empezar firmamos un plan trimestral con objetivos verificables: keyword principal, posición de partida medida con Local Falcon, métrica de éxito y deadline. Sin objetivos genéricos como 'mejorar SEO'.

3 meses sin top 10 = mes gratis

Si tras 90 días de trabajo continuo con presupuesto completo no estás en el top 10 del Map Pack para tu keyword principal acordada, el cuarto mes lo trabajamos sin facturar. No es marketing: está escrito en el contrato.

Cancelas con 30 días

Sin permanencia anual. Sin cláusulas de salida con coste. Si decides parar, avisas con 30 días y te entregamos todo: accesos, credenciales, schema, contenido. Nada se queda atrapado en infraestructura nuestra.

Acceso directo a Eduardo

Tu interlocutor es Eduardo López Parada, fundador. No hay capa de account managers ni juniors. Si tienes una duda urgente vas directamente a quien está tomando decisiones técnicas en tu cuenta.

¿Hablamos de tu ciudad?

Auditoría gratis. Sin compromiso. Respondemos en 24 horas hábiles.

Reservar llamada