Medir la velocidad de tu web en dos minutos
Tu móvil carga tu web desde la caché. Eso no dice nada.
Una web lenta pierde visitantes antes de que hayan leído una palabra, y la mayoría de los dueños no sabe si la suya lo es. El móvil de tu bolsillo carga tu web desde la caché, por tu propio wifi, en un segundo, y eso no dice nada de quien te encuentra con datos móviles en un aparcamiento.
Medirlo bien lleva unos dos minutos y no requiere instalar nada.
Paso 1: mide la página por la que entra la gente
Abre PageSpeed Insights, pega una URL y lánzalo. Usa la página por la que llegan los visitantes —a menudo una página de servicio y no la portada— y lee primero el resultado móvil. En móvil están los problemas, porque la red es más lenta y el procesador más pequeño.
Lánzalo dos veces. Una medición es una muestra, no un veredicto.
Paso 2: lee tres números e ignora el resto
Los Core Web Vitals de Google son tres mediciones, y Google publica el umbral de cada una:
- Largest Contentful Paint (LCP): cuánto tarda en aparecer el elemento más grande. Bien es en menos de 2,5 segundos.
- Interaction to Next Paint (INP): cuánto tarda la página en responder a un toque. Bien es 200 milisegundos o menos. INP pasó a ser Core Web Vital estable en 2024, sustituyendo a First Input Delay.
- Cumulative Layout Shift (CLS): cuánto salta la página al cargar. Bien es 0,1 o menos.
Se evalúan en el percentil 75 de las cargas, separando móvil y escritorio. En claro: tres de cada cuatro visitas deben ir bien, no la visita media.
La nota sobre 100 es un resumen. Los tres números son el diagnóstico.
Paso 3: conecta el número con la causa
Cada uno de los tres falla por un puñado de razones, y normalmente puedes adivinar la tuya.
LCP lento: casi siempre una imagen demasiado grande. Una foto de 4 MB recién salida de la cámara es la causa más común de una web lenta de negocio pequeño.
INP lento: normalmente scripts —widgets de chat, seguimiento, un módulo de reservas—, tres a la vez.
CLS malo: algo carga tarde y empuja el contenido hacia abajo. Imágenes sin dimensiones, un aviso de cookies, una tipografía que entra después.
Paso 4: arregla primero las imágenes
En la mayoría de las webs pequeñas, redimensionar imágenes arregla casi todo el resultado.
- Exporta las fotos al tamaño en que se muestran, no al que salen de la cámara
- Usa un formato moderno —WebP o AVIF— en lugar de un JPEG pesado
- Da a cada imagen su ancho y alto para que nada se mueva al cargar
- Quita cualquier imagen que sea decoración y no información
Paso 5: vuelve a medir y anota el número
Repite la misma página y anota los tres valores con la fecha. La velocidad se degrada —un widget añadido en marzo se nota en abril— y un número de hace seis meses es la única forma de darse cuenta.
La velocidad es consecuencia de cómo está construida una web, no un ajuste. Las webs de ChatBuild se generan con imágenes escaladas en formatos modernos y sin pila de plugins, así que las causas habituales faltan de partida en lugar de repararse después. Qué significa en la práctica.
Cuando el problema no son las imágenes
Redimensionar las fotos arregla la mayoría de las webs de negocio pequeño. Si la tuya ya es ligera y dos de los tres números siguen en rojo, la causa es una de estas.
Un Interaction to Next Paint lento casi siempre se debe a scripts de terceros. Un widget de chat, un módulo de reservas, un gestor de etiquetas y un carrusel de reseñas añaden cada uno trabajo que el navegador debe terminar antes de poder responder a un toque. Quítalos de uno en uno y vuelve a medir; la mayoría de las webs cargan al menos uno que nadie usa desde hace un año. Lo que quede a menudo puede cargarse solo en la página que lo necesita y no en todas.
Un Cumulative Layout Shift malo es algo que llega tarde. Los cuatro habituales son imágenes sin ancho ni alto, un anuncio o módulo incrustado sin espacio reservado, un aviso de cookies que empuja el contenido hacia abajo en lugar de superponerse, y una tipografía web que entra después y recoloca el texto. Todos tienen el mismo arreglo: reservar el espacio antes de que llegue el elemento.
Un Largest Contentful Paint lento con imágenes pequeñas suele deberse al alojamiento o a una hoja de estilos que bloquea el renderizado. Aquí la respuesta deja de ser algo que puedas hacer desde el contenido, y el siguiente paso honesto es preguntar a quien gestiona la web.
¿Cuánto es lo bastante rápido?
Cumplir los tres umbrales es un buen objetivo y un punto de parada razonable. Perseguir un 100 perfecto rara vez compensa en una web pequeña: los últimos puntos cuestan un esfuerzo desproporcionado y ningún visitante los percibe.
Lo que sí compensa: comprobarlo dos veces al año, y siempre después de añadir algo que cargue en todas las páginas.
Cuando la web va rápida, la pregunta pasa a ser qué hacen los visitantes después: mira más solicitudes desde tu web y de dónde vienen tus visitantes.
Fuentes
- Web Vitals · web.dev
- Largest Contentful Paint (LCP) · web.dev
- Page experience in Google Search results · Google Search Central
- PageSpeed Insights · Google
Preguntas frecuentes
- ¿Afecta la velocidad a mi posición en Google?
- La experiencia de página, incluidos los Core Web Vitals, es una de las muchas señales que Google documenta. No pone una página por encima de resultados más relevantes, pero entre dos páginas comparables la más rápida tiene ventaja, y, al margen del posicionamiento, la velocidad influye en si los visitantes se quedan.
- ¿Necesito un 100 perfecto?
- No. Cumplir los tres umbrales es un punto de parada razonable para una web pequeña. Los últimos puntos cuestan un esfuerzo desproporcionado y ningún visitante nota la diferencia.
Sjors Hooijen Builds ChatBuild and writes about getting a business online without turning it into a project. ¿Dudas sobre este artículo? Escribe a hi@chatbuild.com.