Si sentís que tu sitio carga lento o querés entender cómo Google mide la velocidad de tu web, esta guía es para vos. Vamos a mostrarte paso a paso cómo usar Google PageSpeed Insights, una herramienta gratuita y fundamental para cualquier estrategia de SEO técnico. No necesitás conocimientos previos de programación para seguir los primeros pasos, solo la URL de la página que querés analizar.
1. Realizá tu primer análisis en PageSpeed Insights
El primer paso es obtener el diagnóstico. Es un proceso simple y rápido que te dará la base para todas las optimizaciones futuras.
- Accedé a la herramienta: Andá a
https://pagespeed.web.dev/. - Ingresá tu URL: En el campo principal, pegá la dirección completa de la página que querés evaluar (por ejemplo, tu home, una página de producto o un artículo del blog).
- Iniciá el análisis: Hacé clic en el botón “Analizar”.
Después de unos segundos, la herramienta te va a mostrar un reporte completo. Vas a ver dos pestañas principales: Móvil y Ordenador. Google prioriza la experiencia móvil, así que te recomendamos empezar siempre por ese reporte. Si la herramienta no puede analizar tu página, verificá que sea pública y no requiera un inicio de sesión para acceder.
2. Interpretá el reporte de rendimiento
El reporte de PageSpeed Insights puede parecer abrumador al principio, pero se organiza en secciones claras que te ayudan a entender el rendimiento de tu sitio.
El puntaje general (de 0 a 100)
Lo primero que vas a ver es un puntaje de rendimiento general. Este número resume la performance de tu página y se divide en tres categorías:
- 90–100 (Bueno): Tu página tiene un rendimiento excelente.
- 50–89 (Necesita mejorar): Hay oportunidades claras de optimización.
- 0–49 (Deficiente): El rendimiento es bajo y requiere atención urgente.
Datos de campo vs. Datos de laboratorio
PageSpeed Insights usa dos fuentes de datos para su análisis, y es clave entender la diferencia:
- Datos de campo: Provienen del Chrome User Experience Report (CrUX), que recopila información anónima de usuarios reales de Chrome durante los últimos 28 días. Si tu sitio tiene suficiente tráfico, verás cómo lo experimentaron tus visitantes reales.
- Datos de laboratorio: Son el resultado de una prueba simulada que realiza Lighthouse (el motor de auditoría de Google) en un entorno controlado, con una conexión y un dispositivo predefinidos. Estos datos son útiles para diagnosticar problemas y ver el impacto de los cambios que implementás.
Las métricas clave: Core Web Vitals y más
El puntaje se calcula a partir de varias métricas, pero las más importantes son las Core Web Vitals, que miden directamente la experiencia del usuario.
- Largest Contentful Paint (LCP): Mide el tiempo que tarda en cargarse el elemento más grande (una imagen, un video o un bloque de texto) en la pantalla. Un buen LCP es menor a 2.5 segundos.
- Cumulative Layout Shift (CLS): Mide la estabilidad visual de la página. Cuantifica cuánto se mueven los elementos de forma inesperada mientras carga. Un buen CLS es menor a 0.1.
- First Input Delay (FID): Mide la interactividad, es decir, el tiempo que tarda la página en responder a la primera interacción del usuario (como un clic). Un buen FID es menor a 100 milisegundos.
Oportunidades y Diagnósticos
Debajo de las métricas, vas a encontrar dos secciones con recomendaciones específicas:
- Oportunidades: Son sugerencias concretas que, si las implementás, pueden mejorar directamente la velocidad de carga y tu puntaje. Por ejemplo, “Publica imágenes en formatos de próxima generación”.
- Diagnósticos: Ofrecen más información sobre el rendimiento de tu página y siguen las prácticas recomendadas para el desarrollo web. No siempre impactan directamente en el puntaje, pero son importantes para la salud general del sitio.
3. Aplicá las optimizaciones más comunes
Ahora que entendés el reporte, es momento de pasar a la acción. Desde ADBOT, vemos que la mayoría de los sitios tienen oportunidades de mejora en las mismas áreas. Te recomendamos priorizar las que la herramienta marque con mayor potencial de ahorro de tiempo.
Estas son las optimizaciones más frecuentes y de mayor impacto:
Optimizar imágenes
Las imágenes pesadas son una de las causas más comunes de lentitud. – Comprimí tus imágenes: Usá herramientas como TinyPNG o ImageOptim para reducir el peso de los archivos JPG y PNG sin perder calidad visible. – Usá formatos modernos: Convertí tus imágenes a formatos como WebP, que ofrecen mejor compresión que los formatos tradicionales. – Implementá “lazy loading”: Esta técnica hace que las imágenes que no están visibles en la pantalla solo se carguen cuando el usuario se desplaza hacia ellas.
Reducir y optimizar el código (CSS y JavaScript)
El código innecesario o mal cargado puede bloquear la renderización de tu página.
– Minificar CSS, JavaScript y HTML: Este proceso elimina caracteres innecesarios del código (como espacios y comentarios) para reducir el tamaño de los archivos.
– Eliminar recursos que bloquean el renderizado: Configurá los archivos JavaScript para que se carguen de forma diferida (defer) o asíncrona (async), de modo que no impidan que el resto de la página se muestre.
– Quitar CSS y JS que no se usan: Identificá y eliminá código de plugins o temas viejos que ya no cumpl_en una función.
Mejorar la respuesta del servidor
A veces, el problema no está en el sitio, sino en el servidor donde se aloja. – Habilitar la compresión Gzip: Reduce el tamaño de los archivos que se envían desde tu servidor al navegador del usuario. – Usar el almacenamiento en caché del navegador: Permite que los navegadores de los visitantes guarden partes de tu sitio, para que en visitas futuras cargue mucho más rápido. – Considerar un CDN (Content Delivery Network): Un CDN distribuye copias de tu sitio en servidores de todo el mundo, entregando el contenido desde la ubicación más cercana al usuario y reduciendo la latencia.
4. Medí y monitoreá los cambios
La optimización del rendimiento no es un trabajo que se hace una sola vez. Es un proceso iterativo.
- Volvé a analizar: Después de implementar un cambio (por ejemplo, comprimir las imágenes de tu home), volvé a correr el análisis en PageSpeed Insights para ver el impacto.
- Sé paciente: Los datos de campo (CrUX) tardan 28 días en actualizarse, así que no esperes ver cambios inmediatos en esa sección. Enfocate en la mejora de los datos de laboratorio.
- Establecé una rutina: Recomendamos realizar un chequeo con PageSpeed Insights de forma periódica, especialmente después de hacer cambios importantes en el sitio, como instalar un nuevo plugin o cambiar de tema.
Checklist para optimizar con PageSpeed Insights
Usá esta lista para verificar que seguiste los pasos clave para mejorar el rendimiento de tu sitio.
- [ ] Analicé la URL principal de mi sitio en las pestañas Móvil y Ordenador.
- [ ] Identifiqué mi puntaje general y el estado de mis Core Web Vitals (LCP y CLS principalmente).
- [ ] Revisé la sección “Oportunidades” para priorizar las tareas con mayor impacto estimado.
- [ ] Creé un plan de acción para optimizar imágenes (compresión, formato WebP, lazy loading).
- [ ] Planifiqué la minificación y el diferimiento de archivos CSS y JavaScript con mi equipo de desarrollo.
- [ ] Verifiqué el tiempo de respuesta de mi servidor y evalué la posibilidad de usar un CDN.
Implementar estas mejoras puede ser un desafío técnico. Si querés que nuestro equipo revise el reporte de tu sitio y te ayude a trazar un plan de acción a medida, contactanos.