Page speed: rendimiento web y SEO
Page speed es la medida del tiempo y la percepción de carga de una página web —incluye métricas clave como LCP, INP y CLS— y determina qué tan pronto la página resulta usable; se evalúa con PageSpeed Insights y Lighthouse.
¿Qué es page speed?
Page speed describe cuánto tarda una página en convertirse en una experiencia usable para el visitante y cómo se percibe esa carga. No es una sola cifra: combina tiempos técnicos (por ejemplo, respuesta del servidor) y métricas de experiencia real de usuario (Core Web Vitals).
Por qué page speed importa para SEO
La velocidad afecta la experiencia del usuario y, por tanto, es parte de las señales que los motores de búsqueda usan para evaluar páginas. Core Web Vitals forma parte de la señal de Page Experience, pero no es el único factor de ranking: contenido relevante y otros factores siguen siendo determinantes. Google usa la versión móvil como base primaria para crawling e indexación; desde julio de 2024 Googlebot Smartphone es el rastreador por defecto, por lo que la experiencia móvil y su rendimiento son especialmente relevantes.
Cómo funciona page speed
Page speed se evalúa en dos contextos: laboratorio (simulado, reproducible) y campo (datos reales de usuarios). Herramientas de laboratorio como Lighthouse reproducen condiciones controladas y generan recomendaciones; los datos de campo (por ejemplo, Chrome UX Report) reflejan la experiencia real de usuarios en la web. Ambas perspectivas son útiles: laboratorio para diagnosticar y priorizar, campo para validar el impacto real.
Las métricas principales a controlar hoy son LCP (Largest Contentful Paint), INP (Interaction to Next Paint) y CLS (Cumulative Layout Shift). LCP mide la carga visual principal, INP mide la interactividad en interacciones reales, y CLS mide la estabilidad visual. Además conviene revisar tiempos de respuesta del servidor, TTFB, uso de recursos de terceros y uso efectivo de cache/CDN.
Tipos de page speed
Puedes considerar page speed desde varias capas de la pila web. Aquí comparo opciones prácticas y sus ventajas/desventajas:
- Imágenes responsivas (srcset, sizes) — Pros: menor peso en dispositivos pequeños; Cons: requiere cuidado con formatos y compresión.
- Generación adaptativa en servidor (servir imagen ya redimensionada) — Pros: menos CPU en cliente y menor transferencia; Cons: mayor complejidad en el servidor.
- Optimización en el cliente (lazy-loading via JS) — Pros: fácil de implementar; Cons: puede añadir latencia y afectar a usuarios con JS limitado.
Primeros pasos para optimizar page speed
Empieza por medir: captura datos de laboratorio y campo para las páginas de mayor tráfico o conversión. Prioriza problemas que afectan LCP, INP y CLS. Implementa caching efectivo, un CDN si tienes audiencia distribuida, optimiza imágenes y evita render-blocking JavaScript/CSS. Repite las mediciones después de cada cambio.
Errores comunes en page speed
Evita estas prácticas frecuentes:
- Optimizar solo para la puntuación de laboratorio sin validar con usuarios reales.
- Eliminar JavaScript crítico que rompe funcionalidades en producción.
- No probar en redes móviles reales ni en dispositivos lentos.
- Ignorar recursos de terceros (widgets publicitarios, tags) que pueden añadir latencia.
- Creer que una mejora de velocidad garantiza un salto en posicionamiento: page speed es un factor entre muchos.
Comprobar page speed: checklist técnico
**Core Web Vitals** — dónde verificar: Google Search Console (informe Core Web Vitals) y PageSpeed Insights — pasa cuando LCP, INP y CLS están dentro de rangos recomendados por la documentación de cada métrica.
**Datos de campo (CrUX)** — dónde verificar: PageSpeed Insights y BigQuery CrUX (para sitios propios) — pasa cuando los usuarios reales muestran mejora sostenida en los percentiles relevantes.
**Recursos render-blocking** — dónde verificar: Chrome DevTools Performance / Coverage y Lighthouse — pasa cuando CSS y JS críticos están minificados, inyectados/pospuestos según necesidad y no bloquean la pintura inicial.
**Cache y cabeceras** — dónde verificar: curl -I <URL> y herramientas de red en DevTools — pasa cuando hay cache-control eficiente, compresión activa y cabeceras de expiración coherentes.
**Imágenes** — dónde verificar: Lighthouse y DevTools Network — pasa cuando se usan formatos modernos, redimensionado responsivo y lazy-loading para recursos no críticos.
Verificación y resolución de problemas (herramientas y comandos)
PageSpeed Insights y Lighthouse
Usa PageSpeed Insights para ver métricas de campo (cuando están disponibles) y resultados de Lighthouse en laboratorio. Lighthouse, integrado en Chrome DevTools, ofrece auditorías y pasos de mejora reproducibles.
Chrome DevTools y Web Vitals
El panel Performance y el panel Network en Chrome DevTools permiten grabar una carga real en tu máquina y detectar cuellos de botella. Para medidas en producción, la librería web-vitals o el API de Performance pueden capturar LCP/INP/CLS desde el navegador del usuario.
Comprobaciones con curl
Para revisar cabeceras y caching: use curl -I https://tudominio/tu-pagina . Para inspeccionar el HTML que entrega el servidor: curl https://tudominio/tu-pagina . Estos comandos muestran lo que el servidor responde; combínalos con DevTools para entender el comportamiento en el navegador.
Si necesitas reproducir condiciones móviles puedes probar con curl -A "Mozilla/5.0 (Linux; Android) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/.. Mobile" https://tudominio/tu-pagina para comprobar la HTML entregada a un user-agent móvil; evita servir HTML distinto por user-agent salvo que sea por optimización legítima por clase de dispositivo.
Recuerda distinguir entre crawling (descubrimiento y fetch), indexación (decisión de almacenar el contenido) y ranking (orden en resultados). Mejorar page speed ayuda sobre todo a la experiencia y a la indexabilidad mobile-first, pero no garantiza por sí solo una subida de posición.
Preguntas frecuentes
¿Cuál es la diferencia entre page speed y Core Web Vitals?
Page speed es un término amplio que cubre la rapidez y la percepción de la carga; Core Web Vitals son métricas concretas (LCP, INP, CLS) que cuantifican aspectos clave de esa experiencia. Core Web Vitals son parte de la evaluación de page speed.
¿Debo optimizar para laboratorio o para usuarios reales?
Ambos. Usa laboratorio (Lighthouse) para identificar problemas reproducibles y campo (PageSpeed Insights / CrUX / Web Vitals) para validar impacto real. Prioriza cambios que mejoren la experiencia de usuarios reales.
¿Mejorar page speed incrementará mis posiciones en Google?
Una mejor velocidad mejora la experiencia y puede ayudar en la evaluación de Page Experience, pero el ranking depende de muchos factores (contenido, relevancia, señales de autoridad). Trátalo como una inversión en UX y en la probabilidad de que otras señales también mejoren (menor rebote, mayor engagement).
Términos relacionados
Optimización de páginas móviles para mejores rankings
Optimización de páginas móviles para mejores: prácticas técnicas y de contenido que adaptan HTML, CSS y recursos a dispositivos móviles para mejorar experiencia, velocidad y capacidad de indexación, dado que Google usa la versión móvil como base.
On-page SEO: definición y checklist técnica
On-page SEO son las prácticas que optimizan el contenido, el HTML y la experiencia de usuario de páginas individuales para mejorar su relevancia e indexabilidad en buscadores: metaetiquetas, estructura de encabezados, rendimiento y datos estructurados.
Optimización para motores de búsqueda: explicación y checklist técnico
La optimización para motores de búsqueda (SEO) es el conjunto de prácticas técnicas, de contenido y de autoridad de enlaces que mejoran cómo los motores descubren, indexan y presentan tus páginas en los resultados, incluidas vistas generativas y datos estructurados.
Tiempo en la página: qué es y cómo interpretarlo
Tiempo en la página mide cuánto tiempo pasa un usuario en una página durante una sesión; su cálculo depende de la herramienta (p. ej. GA4 o eventos personalizados). Es un proxy de engagement, no una medida absoluta del valor SEO.
Indexación mobile first: explicación y checklist
La indexación mobile first es el proceso por el que Google toma como referencia principal la versión móvil de una página para rastreo e indexación; desde julio de 2024 Google usa Googlebot Smartphone como crawler por defecto para Search.
Optimización de landing pages para conversiones
Optimización de landing pages es el proceso sistemático de mejorar páginas de destino para aumentar conversiones mediante diseño orientado a la acción, experiencia móvil, pruebas A/B, velocidad y medición que favorece indexación y confianza.