Test de velocidad de la web
Guía y checklist de Core Web Vitals (LCP, CLS, INP) y qué influye en la velocidad de la web.
Herramientas · Rendimiento
La velocidad de una web se mide con los Core Web Vitals, las tres métricas que usa Google: LCP (cuánto tarda en cargar el elemento principal), CLS (cuán estable se mantiene el diseño durante la carga) e INP (con qué rapidez responde la web a las interacciones). Esta guía muestra qué influye en cada métrica y qué revisar para tener una web rápida. Las webs en 4shopy están optimizadas para estos valores de forma predeterminada.
- LCP (Largest Contentful Paint): tiempo de carga del elemento visual principal. Objetivo: menos de 2,5 segundos.
- CLS (Cumulative Layout Shift): estabilidad del diseño. Objetivo: menos de 0,1.
- INP (Interaction to Next Paint): rapidez de respuesta a las interacciones. Objetivo: menos de 200 ms.
- Influyen: el peso de las imágenes, las fuentes, los scripts externos y las dimensiones reservadas.
¿Cómo funciona?
Mide el punto de partida con una herramienta como PageSpeed Insights o Lighthouse: ambas dan el LCP, el CLS y el INP de la página analizada.
Para un buen LCP: optimiza y comprime las imágenes, carga con prioridad la imagen principal (hero) y evita los scripts que bloquean el renderizado.
Para un buen CLS: reserva dimensiones fijas para imágenes y anuncios y carga las fuentes con «display: swap» para que el texto no salte.
Para un buen INP: reduce el JavaScript que se ejecuta al interactuar y aplaza los scripts no esenciales hasta después de la carga inicial.
Preguntas frecuentes
¿Qué son los Core Web Vitals?
Los Core Web Vitals son tres métricas de experiencia de Google: LCP (velocidad de carga del contenido principal), CLS (estabilidad visual) e INP (rapidez de respuesta a las interacciones). Son factores de posicionamiento en la búsqueda.
¿Con qué rapidez debería cargar una web?
Los objetivos recomendados son un LCP por debajo de 2,5 segundos, un CLS por debajo de 0,1 y un INP por debajo de 200 milisegundos. Por debajo de esos valores Google considera la experiencia «buena».
¿Qué ralentiza más a menudo una web?
Las causas habituales son imágenes grandes sin comprimir, demasiados scripts externos (chat, analítica, anuncios), fuentes cargadas de forma bloqueante y la falta de dimensiones reservadas para las imágenes, que provoca saltos de diseño.
¿Cómo compruebo la velocidad de mi web?
Usa una herramienta gratuita como Google PageSpeed Insights o Lighthouse (integrada en Chrome). Introduces la dirección de la página y obtienes las puntuaciones de Core Web Vitals junto con recomendaciones concretas.
Herramientas relacionadas
Crea tu web con 4shopy
Web corporativa, tienda online o marketplace — optimizados para la IA, el GEO y el SEO desde el principio, sin agencia.
Ver precios →