¿Qué es Google PageSpeed Insights y cómo funciona?

La rapidez con la que se carga una página web es un parámetro importante de la experiencia del usuario y Google PageSpeed ​​Insights ayuda a verificar y optimizar la velocidad de las páginas web. ¡Asegúrese de contratar a un experto en SEO que domina la herramienta y lo ayudará a optimizar su página web!

¿Qué es mejor: hacer algo rápido o hacerlo bien?

Esta pregunta suscitaría un debate interesante en cualquier ronda de conversación. Aun así, el objetivo de este artículo es mostrar que son lo mismo en muchos casos, especialmente cuando se trata de la experiencia del usuario en sitios web, blogs y aplicaciones.

La velocidad de carga de la página marca la diferencia. No es casualidad que Google le dé tanta importancia a este factor cuando se trata de clasificar páginas en los resultados de búsqueda.

Incluso si su sitio tiene el diseño ideal para su persona y ha revisado el contenido más de mil veces para asegurarse de que sea lo suficientemente claro y directo, su estrategia se verá afectada si no tiene páginas ligeras y rápidas.

Afortunadamente, Google ha creado una herramienta llamada Google PageSpeed ​​Insights, que te ayuda a evaluar (y mejorar) la velocidad de carga de una pagina web.

¿Qué es Google PageSpeed ​​Insights?

PageSpeed ​​Insights, también conocido como PSI, es una herramienta en línea de Google que evalúa la velocidad de carga de una página web.

La evaluación separa el puntaje de desempeño en dispositivos móviles del desempeño en computadoras de escritorio y también ofrece sugerencias prácticas para optimizar la velocidad de las páginas.

Esto hace que PSI sea una solución intuitiva y fácil de usar, sin mencionar que es gratis. Pero algunas personas no creen que sea tan relevante.

Todos los datos recopilados para ofrecer estos conocimientos se recopilan a través del Informe de experiencia del usuario de Chrome, que contiene información sobre el uso real de la web pública por parte de los usuarios de Chrome.

Comprender qué motiva a Google a crear una función como esta puede ayudarlo a pensar de manera diferente.

¿Cómo funciona la puntuación de Google PageSpeed ​​Insights?

La puntuación que recibe la página web cuando escribe la URL en PSI no es aleatoria, ni podría serlo. Debe comprender completamente el proceso de análisis para que sea preciso y confiable.

Entonces, ¿Qué criterios usa Google para determinar qué calificación debe recibir cada página web?

Básicamente, PageSpeed ​​Insights hace dos cosas:

analiza el tiempo de carga de su página y cuántos recursos tiene (complementos, scripts de código que se comunican más a menudo con el servidor y hacen que la página tarde más en cargar, etc).

Después de esa comparación, PSI hace un informe simple pero objetivo que muestra:

• Cuál es el tiempo medio de carga de las páginas web
• Cuál es el tiempo de carga de sus páginas
• Su puntaje final de velocidad de página
• Sugerencias de formas de optimizar su tiempo de carga

¿Y cómo funciona la calificación? Va de 0 a 100 y se define cuando el algoritmo compara la página con las mejores prácticas (creadas por el propio Google) para optimizar la puntuación de rendimiento.

Finalmente, la calificación se otorga en función de cuánto margen de mejora y optimización hay, es decir, cuántos puntos recomendados le faltan por aplicar.

Junto a la puntuación numerada, hay una clasificación de texto, que dice así:

• Bueno: puntuación de 80
• Promedio: puntaje entre 60 y 79
• Malo: puntuación de 0 a 59

¿Cómo utilizar el informe de Google PageSpeed ​​Insights?

Es muy fácil usar el informe PSI. Como explicamos, simplemente acceda a PageSpeed ​​Insights y escriba su URL para ver el resultado.

¿Pero entonces, qué? Debe actuar rápidamente para corregir los errores y obtener mejores resultados. Justo debajo de las sugerencias, hay enlaces con las palabras “mostrar cómo solucionarlo”.

Una vez que haga clic en ellos, verá qué archivos están ralentizando la página y cómo tratarlos para reducir el tiempo que tarda el servidor en responder.

¿Por qué es importante obtener una buena puntuación en PageSpeed ​​Insights?

En primer lugar, una buena calificación en PageSpeed ​​Insights significa que un sitio tiene una configuración de SEO satisfactoria.

Eso es porque, al igual que Mobile Friendly y Mobile First, la velocidad de carga en los smartphones es uno de los criterios más comentados por la propia Google en los últimos años.

Cómo lograr la puntuación más alta en PageSpeed ​​Insights: 10 factores clave

Sin duda tiene los ojos puestos en la puntuación de 100, la puntuación más alta y la que garantiza una mirada favorable del motor de búsqueda más grande del mundo hacia su página.

Eso es excelente, pero para obtener la calificación que tanto soñaba, es vital que siga las recomendaciones del informe al pie de la letra y optimice su sitio de inmediato.

Como cada sitio tiene una situación diferente, hablaremos sobre 4 factores que la mayoría de los sitios web con buenas (pero no excelentes) calificaciones deben mejorar y cómo puede hacerlo.

1. Menos código HTML

La optimización del código HTML puede pasar desapercibida, especialmente si su sitio ha existido por un tiempo o se ha creado sin seguir las mejores prácticas de Google.

El hecho es que la forma en que se organiza el código determina cómo los servidores leerán la información y cuánto tiempo aparecerá en la pantalla.

El código duplicado o las etiquetas usadas sin propósito se interponen en el camino. Afortunadamente, no es necesario revisar toda la estructura del código para realizar los cambios necesarios.

Hay herramientas de compresión de HTML que pueden hacer este trabajo de forma automática y rápida. Algunos de ellos incluso funcionan como complementos de CMS.

2. Buen uso del caché

En el análisis PSI, uno de los principales elementos revisados ​​es la cantidad de recursos que el navegador necesita para asimilar de tu página.

Esto incluye imágenes, scripts, fuentes, etc. Todo esto se puede «almacenar en la memoria» del navegador a través del caché.

Así, el navegador solo cargará los elementos una vez. Cada vez que el usuario cambia de página, el navegador solo las «recordará» y extraerá la información necesaria del caché.

Pero necesita optimizar su sitio para hacer un buen uso de esta posibilidad.

3. Compresión de recursos

Uno de los elementos más importantes en la carga de páginas son las imágenes, por lo que la compresión es una de las recomendaciones más recurrentes de PageSpeed ​​Insights.

Mucha gente se olvida de comprimir las imágenes, que pesan mucho y ralentizan las webs.

Con Internet cada vez más visual, es común tener muchos archivos de este tipo. Entonces, nada mejor que usar un buen compresor para reducir el tamaño de este tipo de archivos.

Lo mismo ocurre con CSS y Javascript. Junto con HTML, forman la página completa. Por lo tanto, es más que obvio que la compresión de estos archivos hará que su rendimiento percibido sea significativamente mejor, así como su clasificación PSI general.

4. AMP: páginas móviles aceleradas

AMP (Páginas móviles aceleradas) es otra iniciativa de Google para garantizar que las páginas del sitio se carguen más rápido en los dispositivos móviles.

La idea es ofrecer una experiencia móvil más básica, sin cosas que funcionarían mejor en versiones de escritorio. Al eliminar estas funciones innecesarias, la velocidad del sitio web aumenta.

Esto deja en claro que es mejor para el usuario tener una experiencia rápida y sencilla que una versión completa del sitio, en la que se vería obligado a esperar más tiempo para ver el contenido.

5. Vídeos subidos externamente

Si las imágenes hacen que tus páginas sean pesadas, imagina lo que no hace un video con ellas, ¿verdad?

Salvo en casos muy especiales —como plataformas muy restringidas o contenidos que requieran un mayor grado de seguridad—, la recomendación es que tus vídeos estén siempre alojados externamente, tal y como explicamos en el subtema anterior.

Los medios más utilizados para esto son YouTube y Vimeo, plataformas que no solo permiten una fácil integración de sus reproductores en otros sitios, sino que también te ayudan a promocionar tu marca y mejorar los resultados de búsqueda.

Si proporciona contenido restringido, como cursos en línea pagados, ambos medios ofrecen opciones de no listado, una función que oculta su video de las búsquedas y solo permite el acceso desde un único enlace que puede adjuntar, como HTML, dentro de sus páginas.