Resumen

Core Web Vitals 2026 (LCP <2.5s, INP <200ms, CLS <0.1) son ranking factor confirmado por Google. En Shopify, los bloqueadores típicos: theme pesado (>15 apps), imágenes no-optimized, fonts blocking, third-party scripts (chat + popup + analytics). Quick wins: WebP/AVIF (LCP -25%), preload fonts críticos (LCP -15%), defer scripts no-críticos (INP -40%), audit apps (todo). Implementación: 2-5 días.

Las 3 métricas Core Web Vitals 2026

MétricaGoodNeeds improvementPoor
LCP (Largest Contentful Paint)<2.5s2.5-4.0s>4.0s
INP (Interaction to Next Paint)<200ms200-500ms>500ms
CLS (Cumulative Layout Shift)<0.10.1-0.25>0.25

Para SEO mobile en 2026, target todos en “good”. Mediana DTC España actual: LCP 3.2s, INP 280ms, CLS 0.08. Top 25%: LCP 1.8s, INP 140ms, CLS 0.05.

LCP (Largest Contentful Paint) · cómo bajar a <2s

LCP = tiempo hasta que carga el elemento más grande visible en viewport. En ecommerce típicamente: hero image, product image principal, video.

Quick wins · LCP -40% en 1 día

1. Imágenes WebP/AVIF

<picture>
  <source srcset="hero.avif" type="image/avif">
  <source srcset="hero.webp" type="image/webp">
  <img src="hero.jpg" alt="..." loading="eager">
</picture>

Ahorro: 40-60% size vs JPG. LCP -200-500ms.

2. Preload hero image

<link rel="preload" as="image" href="hero.webp" fetchpriority="high">

Ahorro: 100-300ms.

3. Responsive image sizing

<img srcset="hero-400.webp 400w, hero-800.webp 800w, hero-1200.webp 1200w"
     sizes="(max-width: 600px) 100vw, 50vw"
     src="hero-800.webp">

Ahorro: 30-50% size mobile.

4. CDN Shopify nativo Shopify CDN ya optimiza imágenes via URL params: ?width=800&format=webp. Usa siempre.

Bloqueadores LCP típicos en Shopify

  • Theme con hero video auto-play (LCP catastrophic, +3s)
  • Slider con 5+ imágenes en hero (cada una bloquea)
  • Fonts custom blocking (no font-display: swap)
  • JavaScript pesado above-the-fold

INP (Interaction to Next Paint) · cómo bajar a <150ms

INP mide responsiveness durante interacciones (click, tap). En Shopify se rompe por JS pesado.

Quick wins · INP -50% en 1 día

1. Defer scripts no-críticos

<script src="analytics.js" defer></script>
<script src="chat.js" defer></script>

2. Async para third-party

<script src="hotjar.js" async></script>

3. Cargar diferido tras interaction

// Solo cargar chat al primer scroll o 3s
let loaded = false;
function loadChat() {
  if (loaded) return;
  loaded = true;
  const s = document.createElement('script');
  s.src = 'https://chat-widget.com/embed.js';
  document.head.appendChild(s);
}
window.addEventListener('scroll', loadChat, {once: true, passive: true});
setTimeout(loadChat, 3000);

Ahorro: INP -150-300ms.

4. Audit apps Shopify

Tabla típica de apps y su impacto:

AppLCP impactINP impact
Klaviyo+50ms+30ms
Yotpo Reviews+120ms+80ms
Shopify Inbox (chat)+180ms+200ms
Privy popups+100ms+60ms
Justuno popups+200ms+150ms
Hotjar+80ms+50ms
Bold Subscriptions+90ms+70ms

Eliminar 3 apps que NO aportan ROI = -500ms compuesto.

CLS (Cumulative Layout Shift) · cómo evitar ‘saltos’

CLS = cuánto se mueve el layout durante carga. Frustrating en mobile.

Causas típicas en Shopify

  • Imágenes sin width y height (browser no reserva espacio)
  • Fonts custom que cambian dimensiones tras cargar
  • Banner top que aparece tras 2s pushing content
  • Ads/widgets cargados dinámicamente

Fixes

1. Width/height en imágenes:

<img src="hero.webp" width="1200" height="600" alt="...">

2. Font-display swap:

@font-face {
  font-family: 'Custom';
  src: url(...);
  font-display: swap;
}

3. Reservar espacio para banners dinámicos:

.notification-banner { min-height: 40px; }

Checklist completo CWV en Shopify · 1 hora audit

  • PageSpeed Insights mobile score ≥85
  • LCP element identificado y optimizado (preload + WebP)
  • Top 5 imágenes en WebP/AVIF
  • Lazy loading en imágenes below-the-fold
  • Fonts críticos preloaded + font-display: swap
  • <10 apps Shopify activas
  • Defer scripts no-críticos
  • Async third-party tags
  • Width/height en TODAS las imágenes
  • Sin sliders/carousels above-the-fold
  • Theme actualizado (Dawn 2.0+ o equivalente)
  • Field data en GSC mostrando “Good”

A los 30-60 días tras fix: ranking mobile suele subir 1-3 posiciones para keywords core.

Conclusión: CWV es threshold, no objetivo

Si fallas CWV, limitas tu techo de ranking. Si pasas CWV, no garantizas top 1 — ahí entran content + backlinks + AEO. Pero sin CWV, ni hablar.

Tu próximo paso:

  1. Mide ahora mismo en PageSpeed Insights. Si LCP >2.5s mobile, prioriza.
  2. Audit apps: ¿hay 3-5 que puedes eliminar sin impacto en ROI?
  3. Si quieres delegar el technical optimization: agencia Shopify España.

Posts relacionados

Preguntas frecuentes

¿Core Web Vitals son ranking factor en Google 2026?
Sí, confirmado por Google desde 2021 y reforzado en 2026. Páginas que fallan CWV son penalizadas en SERP especialmente en mobile. Pero NO es el único factor — content quality + relevance siguen siendo predominantes. Pensar en CWV como threshold mínimo: si fallas, te limitas el techo de ranking.
¿Qué es INP (Interaction to Next Paint)?
INP reemplazó FID en marzo 2024 como métrica de responsiveness. Mide el delay entre interacción del usuario (click, tap, key press) y siguiente paint visual. Target: &lt;200ms (good), >500ms (poor). En Shopify, INP se rompe típicamente por: JavaScript de apps mal optimizadas, third-party tags blocking, event handlers pesados. Más estricto que FID — muchas tiendas que pasaban FID fallan INP.
¿Cómo medir Core Web Vitals correctamente?
2 fuentes: (1) field data (real users vía Chrome UX Report) — accesible desde PageSpeed Insights, GSC, Google Analytics; (2) lab data (sintético) — Lighthouse en Chrome DevTools. Field data manda en SEO. Si tu lab es 95/100 pero field es 'Poor', tu lab está mintiendo (contexto distinto al de tus users reales). Monitor field data weekly en Search Console > Core Web Vitals.
¿Tienen impacto las apps Shopify en Core Web Vitals?
Mucho. Cada app Shopify típicamente añade 50-200ms de TTFB + JS payload. Una tienda con 15-20 apps activas suele tener LCP >3.5s mobile. Audit recommended: identificar las 3-5 apps que aportan ROI real, eliminar las demás. Apps fundamentales NO eliminar (Klaviyo, payments, reviews). Las dispensables: countdown timers, popups, mass discount apps. Cleanup típico: -800ms LCP.
¿Cuánto se tarda en arreglar Core Web Vitals en Shopify?
Quick wins (WebP/AVIF + lazy load + font preload): 1 día con dev. Mid-level (apps audit + theme cleanup): 2-3 días. Avanzado (custom theme optimization + critical CSS): 5-7 días. Recovery en GSC tras fix: Google necesita 28-56 días para reevaluar field data y reflejar mejora en ranking.