Cómo analizar la velocidad de un sitio web: guía paso a paso
Analizar la velocidad de una web no consiste solamente en obtener una puntuación de 100 en PageSpeed Insights. Lo importante es descubrir cómo experimentan realmente la página los usuarios, qué elementos están ralentizando la carga, cuánto tarda en responder cuando alguien interactúa y si el contenido se mueve mientras aparece. En esta guía aprenderás a interpretar PageSpeed Insights, Lighthouse y las Core Web Vitals antes de comenzar a optimizar.
¿Qué significa realmente medir la velocidad de una web?
Una página no tiene una única medida de velocidad.
Puedes analizar cuánto tarda en comenzar a responder el servidor, cuándo aparece el contenido principal, cuánto tarda la página en responder a una interacción o si los elementos cambian inesperadamente de posición.
Por eso una buena auditoría debe observar varias dimensiones.
- Velocidad de carga percibida.
- Respuesta a interacciones.
- Estabilidad visual.
- Tiempo de respuesta del servidor.
- Peso de imágenes, CSS y JavaScript.
- Recursos externos.
- Experiencia móvil.
Instalar plugins, eliminar scripts o cambiar configuraciones sin identificar primero el problema puede generar trabajo innecesario e incluso empeorar el sitio.
Cómo utilizar Google PageSpeed Insights
PageSpeed Insights es una de las herramientas más útiles para comenzar porque analiza una URL tanto en dispositivos móviles como en escritorio.
1. Abre PageSpeed Insights
Ingresa la URL exacta de la página que quieres revisar.
2. Analiza móvil y escritorio
No asumas que ambos resultados serán iguales.
Una página puede funcionar correctamente en un computador rápido y presentar problemas importantes en teléfonos con menor capacidad o conexiones más lentas.
3. No mires únicamente el número de Performance
La puntuación de Lighthouse es útil como diagnóstico, pero no representa por sí sola la experiencia de todos tus visitantes.
4. Revisa primero las Core Web Vitals
Después analiza oportunidades y diagnósticos para descubrir qué está provocando los problemas.
Datos de campo vs. datos de laboratorio
Esta es una de las diferencias más importantes de PageSpeed Insights.
Datos de campo
Proceden del Chrome User Experience Report, conocido como CrUX.
Representan experiencias recopiladas de usuarios reales durante un periodo aproximado de 28 días.
Por eso son especialmente útiles para conocer cómo está funcionando el sitio en condiciones reales.
Datos de laboratorio
Son generados mediante Lighthouse en condiciones simuladas.
Sirven especialmente para:
- Detectar problemas.
- Reproducir pruebas.
- Identificar recursos pesados.
- Evaluar cambios durante una optimización.
Los datos reales representan múltiples usuarios, dispositivos y redes. Lighthouse ejecuta una prueba controlada bajo condiciones concretas.
Core Web Vitals: LCP, INP y CLS
LCP: Largest Contentful Paint
Mide cuánto tarda en mostrarse el elemento de contenido principal visible durante la carga.
Un buen objetivo es:
LCP ≤ 2,5 segundos.
Cuando el LCP es malo, revisa especialmente imágenes principales, servidor, CSS crítico y recursos que bloquean la carga.
INP: Interaction to Next Paint
Mide la capacidad de respuesta de una página cuando el usuario interactúa con ella.
Un buen objetivo es:
INP ≤ 200 milisegundos.
JavaScript pesado, tareas largas y procesamiento excesivo en el navegador pueden perjudicar esta métrica.
CLS: Cumulative Layout Shift
Mide cuánto cambia inesperadamente la posición de los elementos mientras utilizas la página.
Un buen objetivo es:
CLS ≤ 0,1.
Imágenes sin dimensiones, anuncios sin espacio reservado, fuentes y contenido insertado dinámicamente pueden provocar desplazamientos.
Cómo analizar la velocidad de una web paso a paso
Paso 1: analiza la URL principal
Ejecuta PageSpeed Insights para conocer el estado general.
Paso 2: comienza por móvil
Los problemas suelen hacerse más evidentes en dispositivos con menos recursos.
Paso 3: revisa si existen datos reales
Si PageSpeed dispone de suficiente información de CrUX, analiza primero las Core Web Vitals de usuarios reales.
Paso 4: identifica la métrica problemática
No intentes corregir todo simultáneamente.
- LCP malo → investiga carga del contenido principal.
- INP malo → investiga JavaScript y tareas largas.
- CLS malo → investiga movimientos inesperados.
Paso 5: baja hasta los diagnósticos de Lighthouse
Busca recursos pesados, JavaScript sin utilizar, imágenes demasiado grandes y otros problemas detectados.
Paso 6: prueba páginas diferentes
No analices solamente la portada.
También revisa artículos, categorías, productos y otras plantillas importantes.
Paso 7: realiza un cambio cada vez
Después de optimizar vuelve a ejecutar Lighthouse para comprobar si realmente mejoró.
¿Cómo descubrir qué está haciendo lenta una página?
Imágenes
Busca imágenes excesivamente grandes, dimensiones innecesarias o formatos poco eficientes.
JavaScript
Widgets, sliders, trackers y plugins pueden añadir código que el navegador necesita descargar, interpretar y ejecutar.
CSS
Hojas de estilo grandes o recursos que bloquean el renderizado pueden retrasar la aparición del contenido.
Fuentes
Demasiadas familias, variantes o archivos externos pueden añadir solicitudes y provocar cambios visuales.
Servidor
Si el servidor tarda demasiado en responder, las optimizaciones del frontend tienen un límite.
Scripts externos
Publicidad, analítica, chat, embeds y herramientas de terceros también forman parte del rendimiento real de la página.
Reducir 5 KB de CSS tiene poco valor si la imagen principal pesa varios megabytes o el servidor necesita varios segundos para comenzar a responder.
Qué optimizar después del análisis
Optimiza imágenes
Utiliza dimensiones adecuadas, compresión y formatos modernos cuando sean compatibles con tu flujo.
Utiliza caché correctamente
Evita generar o descargar nuevamente recursos que podrían reutilizarse.
Reduce código innecesario
Elimina plugins, bibliotecas y scripts que ya no cumplen una función real.
Controla JavaScript
Carga scripts solamente cuando sean necesarios y evita bloquear el hilo principal con tareas excesivas.
Reserva espacio para imágenes y anuncios
Definir dimensiones ayuda a evitar movimientos que perjudican CLS.
Revisa el hosting
Una aplicación optimizada puede seguir funcionando lentamente si el servidor está saturado o mal configurado.
Si utilizas WordPress
Revisa especialmente plugins, tema, caché, imágenes, base de datos y scripts cargados en páginas donde realmente no son necesarios.
¿La velocidad de una web afecta al SEO?
La velocidad forma parte de una experiencia de página más amplia.
Google utiliza las Core Web Vitals dentro de sus sistemas de posicionamiento, pero eso no significa que obtener 100 puntos en PageSpeed vaya a colocar automáticamente una página en primera posición.
La relevancia y utilidad del contenido continúan siendo fundamentales.
Por eso el objetivo debería ser
- Que el contenido aparezca rápidamente.
- Que la página responda bien.
- Que los elementos no se muevan inesperadamente.
- Que la experiencia móvil sea cómoda.
- Que el contenido principal siga siendo fácil de consumir.
Una web con 95 puntos no es necesariamente peor que una con 100. Prioriza problemas que realmente afectan a tus usuarios y a las Core Web Vitals.
Errores al analizar el rendimiento web
Mirar solamente la puntuación
El número de Performance no explica por sí solo dónde está el problema.
Ejecutar PageSpeed una sola vez
Las pruebas de laboratorio pueden variar entre ejecuciones.
Ignorar los datos reales
Si existen datos de CrUX, representan una información especialmente valiosa sobre usuarios reales.
Analizar únicamente la home
Las distintas plantillas pueden tener rendimientos completamente diferentes.
Instalar muchos plugins de optimización
Combinar caché, minificación y optimización duplicada puede provocar conflictos.
Eliminar funciones importantes por ganar algunos puntos
Rendimiento también significa equilibrio entre velocidad y utilidad.
Preguntas sobre velocidad web y PageSpeed
¿Cómo medir la velocidad de un sitio web?
Una forma sencilla es utilizar PageSpeed Insights, analizar móvil y escritorio y revisar datos reales, Core Web Vitals y diagnósticos de Lighthouse.
¿Qué es PageSpeed Insights?
Es una herramienta de Google que analiza el rendimiento de una URL utilizando datos reales cuando están disponibles y pruebas de laboratorio mediante Lighthouse.
¿Qué son las Core Web Vitals?
Son métricas centradas en la experiencia real del usuario. Actualmente incluyen LCP para carga, INP para capacidad de respuesta y CLS para estabilidad visual.
¿Cuál es un buen LCP?
Google recomienda un LCP de 2,5 segundos o menos en el percentil 75.
¿Cuál es un buen INP?
El objetivo recomendado es 200 milisegundos o menos.
¿Cuál es un buen CLS?
El objetivo recomendado es mantener un CLS de 0,1 o menos.
¿Qué diferencia existe entre Lighthouse y PageSpeed Insights?
Lighthouse es la herramienta de auditoría que genera pruebas de laboratorio. PageSpeed Insights utiliza Lighthouse para sus diagnósticos y puede complementarlos con información real procedente de CrUX.
¿Por qué cambia mi puntuación de PageSpeed?
Las condiciones de una prueba pueden variar. Google reconoce que hardware, red y disponibilidad de recursos pueden introducir diferencias entre ejecuciones.
¿Necesito obtener 100 en PageSpeed?
No. Una puntuación alta es positiva, pero el objetivo principal debería ser proporcionar una buena experiencia real y corregir problemas relevantes.
¿La velocidad mejora el posicionamiento en Google?
Las Core Web Vitals forman parte de las señales que los sistemas de Google utilizan relacionadas con la experiencia de página, pero una buena puntuación no garantiza mejores posiciones por sí sola.
¿Debo medir solamente la página principal?
No. Conviene analizar diferentes tipos de página porque cada plantilla puede cargar recursos y contenidos diferentes.