Diseño Web
SEO
Desarrollo

¿Qué es PageSpeed Insights?

Si tú o tu empresa tenéis una página web, os interesará saber qué es PageSpeed Insights y para qué sirve. Además, te gustará saber que se trata de una herramienta gratuita, y que puede ayudarte significativamente a mejorar el rendimiento de tu página web.

Google Page Insights o PageSpeed Insights es un recurso fantástico proporcionado por Google que permite analizar el rendimiento de una web, arrojando información sobre su velocidad de carga, y proporcionando recomendaciones para que sepas cómo optimizarla.

En nuestro blog hemos nombrado en múltiples ocasiones lo importante que es la velocidad de carga de una página web para su posicionamiento, y es que el ser humano es impaciente por naturaleza. De hecho, una página web que tarda en cargar no solo agotará la paciencia del usuario, sino que también recibirá una mala puntuación por parte de nuestro exigente amigo Google.

Qué es PageSpeed Insights y cómo es por dentro

Por esto y por mucho más, PageSpeed de Google te irá como anillo al dedo para optimizar tu página y conseguir muchas más conversiones. ¡Presta atención a este post y no te pierdas detalle si quieres sacar partido de nuestros consejos!

¿Cómo se mide la velocidad de mi sitio web?

Como te decíamos al principio de nuestro post, la velocidad de carga no solo es un factor de peso para el posicionamiento de una página web, si no que también es determinante para la experiencia de los usuarios.

Para mejorarla, te recomendamos 100% que empieces sometiendo tu web a un estudio de PageSpeed Insights de Google. Sin embargo, antes de hacerlo te interesará saber cómo funciona este test de velocidad de Google para webs y en qué se basa para medir tu velocidad de carga.

Para determinar si la velocidad de carga de tu página web es lenta (rojo), media (amarillo) o rápida (verde), Google se basa en una serie de buenas prácticas o reglas que suelen ser importantes para que un sitio web cargue de forma rápida. Estas reglas corresponden a aspectos tanto de front-end (imágenes, archivos JavaScript, CSS…) como a aspectos de configuración de servidor.

Es por ello que insistimos en que PageSpeed de Google es una herramienta indispensable para desarrolladores y propietarios de sitios web de todo tipo. No obstante, no es bueno que te obsesiones en los resultados si ves que la primera vez no son como te gustaría.

Lo mejor que puedes hacer es dedicar tus esfuerzos a hacer optimizaciones que realmente valgan la pena y que sean significativas para las analícas de velocidad de Google. Si sigues leyendo este post, descubrirás todo lo que debes hacer para mejorar los resultados de Google Speed Insights. ¡No te pierdas detalle!

¿Cómo mejorar mis métricas de Google PageSpeed Insights?

Si quieres mejorar la puntuación del test de velocidad de Google de tu página web, debes saber que hay una serie de acciones que te ayudarán significativamente. Además, la mayoría de ellas también son positivas para el posicionamiento y para la experiencia de los usuarios que visiten tu web.

Para saber cuáles son las mejoras que puedes aplicar, fíjate en los resultados que te ofrece Google. Te mostrará las oportunidades de mejora de la siguiente forma:

Diagnósticos de PageSpeed Insights

Estas son algunas de las acciones que PageSpeed valorará positivamente:

Optimización de imágenes

Como te contábamos en nuestro artículo Optimizar imágenes para WordPress: cómo hacerlo paso a paso, esta acción es crucial para que Google valore tu página como un buen resultado para los usuarios. Optimizar las imágenes no solo significa aplicar técnicas de SEO como el title o el Atributo ALT, sino que además hace referencia la compresión de las mismas. Al comprimir las imágenes que cargas en tu sitio web reducirás la velocidad de carga de la misma y lograrás mejorar tus resultados en PageSpeed de Google.

Optimización de la entrega de CSS

Actualmente casi todos los sitios web suelen meter todos los estilos en una sola hoja de CSS, aunque es posible que Google te indique un error de este tipo o del tipo “prioriza el contenido visible”. En este caso, si tu web está creada con un CMS y te aparece “optimizar la entrega de CSS” en el test de Google, lo mejor es que cambies el tema del sitio.

Minificación de recursos

La minificación es el proceso mediante el cual se optimizan los archivos HTML, CSS y JavaScript, y puede hacerse de varias formas. En un CMS como WordPress podrás hacerlo mediante el plugin “Autoptimize para WordPress”. De este modo, obtendrás una configuración que abreviará los archivos para que pesen menos y se descarguen rápido en el navegador de los usuarios.

Mejora del tiempo de respuesta del servidor

Al mejorar el tiempo de respuesta del servidor lograrás reducir los tiempos de carga y, a la vez, el tiempo que tarda el servidor en ofrecer los contenidos. Así, mejorará tu resultado en PageSpeed de Google y beneficiarás a tus usuarios. Para cumplir con esta regla, asegúrate de que tu servidor tiene un tiempo de respuesta inferior a 0,2 segundos.

Compresión de los contenidos

A día de hoy, casi todos los servidores web del mercado están configurados de manera que comprimen los recursos con GZIP antes de ser servidos a los navegadores de los usuarios. Solucionar este punto no es fácil si no usas un servidor común como Apache, en el que basta con modificar el .htaccess para activar GZIP o Deflate.

Reducción de los redireccionamientos

Evitar el exceso de redireccionamientos es clave para obtener buenos resultados en Google Page Speed. De hecho, si aparece este error en tu test deberás modificar el comportamiento y el funcionamiento del site para que tenga menos redireccionamientos, aunque no sea una tarea sencilla porque implica cambios estructurales.

Además de estas acciones, podrás aplicar otras que te ayudarán a mejorar tus resultados. Quitar el Javascript que bloquea la visualización del contenido o reducir el tamaño del contenido de la mitad superior de la página son dos ejemplos de ello.

¿Cómo interpretar los datos de Google PageSpeed Insights?

Google PageSpeed Insights muestra claramente la rapidez con la que se carga una página web en función de los datos reales del usuario. Así, tras realizar un análisis (muy) rápido del sitio web, la herramienta presenta una calificación sencilla del tiempo de carga:

  • Rápido
  • Medio
  • Lento

Además, muestra cómo es la optimización de la web para estimar su rendimiento:

  • Buena
  • Media
  • Baja

Fíjate en este ejemplo:

Métricas de PageSpeed Insights

Como ves, ni el propio buscador de Google es capaz de obtener una puntuación de 100/100, y es que no debes centrarte en ese objetivo. El aspecto más importante de los resultados que te ofrezca el test son las recomendaciones, es decir, todas esas optimizaciones que Google detecta como oportunidades para mejorar el rendimiento de tu página web.

No quieras conseguir un tiempo de carga rápido para obtener el máximo resultado en PageSpeed Insights, sino para satisfacer las necesidades de tus usuarios. Ellos apenas percibirán si tu web se carga unos milisegundos más rápido que antes, así que procura obtener resultados positivos (en verde) y no te obsesiones con los números.

Lo mejor de todo es que PageSpeed distingue los resultados de móvil y de ordenador, pues el tiempo de carga de un sitio web puede ser muy diferente entre ambos dispositivos. Con ello, si tienes claro cuál es el dispositivo más utilizado de tus visitantes, podrás centrar tus esfuerzos en optimizar uno de los dos.

Conclusiones sobre PageSpeed de Google

Ahora que ya sabes qué es PageSpeed Insights y sabes cómo interpretar sus resultados, te recomendamos que pruebes esta herramienta y testees la velocidad de carga y el rendimiento de tu web. Lo mejor es que se trata de un recurso gratuito, que también te permitirá conocer los resultados de otras páginas, ¡todas las que quieras!

Con ello, entenderás mejor las prácticas que Google valora positivamente y descubrirás oportunidades de mejora que te ayudarán a optimizar tu sitio web para que tanto Google como los usuarios la valoren positivamente. Sin duda, esta es una de las grandes herramientas que todo desarrollador o propietario de sitios web debería utilizar.

¡Esperamos haberte ayudado con este post!