¿Qué es Google PageSpeed ​​Insights y cómo te ayudará?

La red en línea en la que vivimos hoy tiene que ver con la «velocidad de la página». Por supuesto, hay varias cosas que puede hacer para mejorar el SEO y la relevancia general del sitio web. Pero PageSpeed ​​Insights sigue siendo probablemente el aspecto más importante de cómo se clasificará su sitio web en Google. Esto se debe a que la velocidad de la página y el rendimiento móvil son importantes claves para el éxito.

¿Qué es Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights es una herramienta de rendimiento web creada por Google para ayudarlo a identificar fácilmente formas de hacer que su sitio sea más rápido y más compatible con dispositivos móviles. Esto se hace siguiendo las recomendaciones sobre las mejores prácticas web.

PageSpeed ​​Insights (PSI) informa sobre el rendimiento de las páginas de su sitio web utilizando servicios móviles y de escritorio. Luego, el sistema hace sugerencias sobre cómo se puede mejorar el rendimiento.

Los datos proporcionados también se utilizan para obtener una puntuación general. Esta puntuación básicamente resume el rendimiento de una página. Así es como se desglosa la puntuación para que comprenda dónde se encuentra cuando recibe una puntuación.

Puntuación PSI

  • 90 y superior = Rápido
  • 50 – 89 = Promedio
  • 49 y menos = Lento

Faro de Google

faro de google

Desde 2018, Google PageSpeed ​​Insights se calcula utilizando Google Lighthouse . Esta es la herramienta automatizada de código abierto de Google creada para mejorar la calidad de las páginas web. Lighthouse puede verificar todo tipo de cosas, como el rendimiento, la accesibilidad, las aplicaciones web progresivas y más.

Lighthouse se puede ejecutar de un par de maneras diferentes. Puede ejecutarlo en Chrome DevTools, desde la línea de comandos o como un módulo de Nodo. Básicamente, le das a Google Lighthouse una URL para auditar. Toma esa URL enviada y ejecuta una serie de auditorías en la página. Luego se genera un informe basado en qué tan bien le fue a la página. Desde aquí, puede utilizar la parte defectuosa de la información para mejorar su sitio web.

Google Lighthouse también tiene una extensión de Chrome que puede agregar directamente a su navegador y ejecutar la herramienta fácilmente. Esto hace que sea más fácil que ejecutar un código de línea de comandos y también hace que la prueba compatible con dispositivos móviles sea más fácil.

Ahora que tiene una mejor comprensión de Google PageSpeed ​​Insights, echemos un vistazo a algunas formas en que puede usarlo para ayudar a su sitio web.

¿Cómo puede ayudarte PageSpeed ​​Insights?

Información sobre la velocidad de la página de Google

Bueno, hablemos de esto por un segundo. La investigación de Google nos ha demostrado que existe una conexión directa entre las tasas de conversión y el tiempo de carga de un sitio web. Su investigación también muestra que podría estar perdiendo hasta la mitad de sus prospectos debido a una página de destino posterior al clic lenta y retrasada.

Mira, el año pasado, pensábamos que los titulares, el color del botón CTA y el diseño eran los aspectos más importantes de la conversión. Si bien esos elementos siguen siendo importantes (después de todo, somos personas visuales), ofrecer una experiencia de usuario más rápida es el rey. También es muy importante realizar pruebas optimizadas para dispositivos móviles para asegurarse de que su sitio se esté mostrando correctamente en dispositivos portátiles.

Aquí es donde entra Google PageSpeed ​​Insights. Lo usa para ejecutar pruebas en su sitio. Luego toma esa información y hace las correcciones necesarias para obtener el puntaje más alto posible.

Entonces, ¿cuáles son algunas de las cosas que puede hacer antes de probar su sitio con Google? Aquí hay algunas cosas que te ayudarán.

Nota: Estos no están en ningún orden en particular. Recomiendo hacerlos todos, aunque solo para ser minucioso.

Realizar imagen y otra compresión

Realizar compresión de imagen

En general, los navegadores web están diseñados para ofrecer a los usuarios una versión alternativa más pequeña de su página web. Por lo tanto, debe hacer todo lo posible para reducir el tamaño de la página web y permitir que se sirva más rápido.

Una de las mejores formas de hacer esto es optimizar y comprimir imágenes en su sitio web. Esto les permite renderizarse más rápido y de manera más eficiente. Esto ayuda a acelerar los tiempos de carga de su página y a mantener a las personas comprometidas por más tiempo.

También puede optimizar usando gzip .

Minimizar CSS, HTML, JavaScript

Minimizar javascript

En pocas palabras, «minificar» se refiere a eliminar datos innecesarios o redundantes de una página web sin afectar la forma en que el navegador los procesa. La mayoría de las veces, es una codificación deficiente la que conduce a este problema. Sin embargo, se puede arreglar usando una serie de herramientas.

Puede hacerlo manualmente si sabe lo que está haciendo. Hay buenos complementos para usar en los sitios de WordPress que también facilitan este proceso. O bien, puede utilizar los siguientes recursos recomendados por Google:

  • El minificador de HTML para minificar HTML.
  • CSSNano y csso para minificar CSS.
  • UglifyJS2 y Closure Compiler para minimizar JavaScript.

Independientemente de lo que decidas usar, minimizar CSS, JavaScript y HTML acelerará considerablemente tus páginas web.

Nota: También puede profundizar en el uso de AMP (páginas móviles aceleradas) de Google.

Se debe priorizar el contenido de la mitad superior de la página

Contenido de la mitad superior

Para aumentar la velocidad de la página y obtener un buen informe de Google Page Insights, debe priorizar el contenido de la parte superior de la página.

Básicamente, un navegador web ve una página web y prioriza el contenido que percibe como más importante y desciende desde allí. Sin embargo, el contenido de una página que un navegador percibe como vital puede que en realidad no sea el contenido más importante de la página.

Es importante que usted mismo priorice el contenido de una manera que haga que el navegador web lo cargue como usted quiere que lo haga. El código incorrecto ralentizará su sitio.

Puede priorizar el contenido de la parte superior de la página con bastante facilidad, así que asegúrese de hacerlo.

Acelere el tiempo de respuesta de su servidor

Acelerar el tiempo de respuesta del servidor

¿Qué es el tiempo de respuesta del servidor? Básicamente, es la cantidad de tiempo que tarda su servidor en comenzar a cargar el contenido de la página. Esto puede ralentizarse por varias razones, entre ellas:

  • Consultas de base de datos
  • Enrutamiento lento
  • Marcos
  • bibliotecas
  • Inanición de CPU de recursos
  • Hambruna de memoria

Dicho esto, esto realmente se reduce a la plataforma de alojamiento que haya elegido. Una talla no sirve para todos, y no todos son iguales.

Para acelerar el tiempo de respuesta de su servidor, revise las áreas que mencioné anteriormente y asegúrese de tener un proveedor de alojamiento sólido que lo ayude con un excelente tiempo de respuesta del servidor.

Deshágase del JavaScript que bloquea el renderizado

renderizar bloqueando javascript

La ventaja de JavaScript es que permite algunas herramientas de terceros realmente geniales y poderosas. La desventaja de JavaScript es que detiene el análisis del código HTML.

A menudo te encuentras con un error que dice «eliminar JavaScript que bloquea el renderizado». Lo que este error intenta decirte es que hay un fragmento de código JavaScript que está deteniendo el proceso de carga de la parte superior de tu página.

Ya hablamos sobre el contenido de la parte superior del pliegue, por lo que entiendes lo que esto significa ahora.

Entonces, cuando vea este error, definitivamente debe deshacerse del JavaScript que bloquea el renderizado y permitir que Google PageSpeed ​​Insights continúe ejecutando pruebas.

Para hacer esto, considere incorporar el script y eliminar el JavaScript que bloquea el renderizado.

Aproveche el almacenamiento en caché de su navegador correctamente

Aproveche la capacidad del navegador

A menudo, pueden ser necesarias varias solicitudes entre un servidor y un navegador antes de que una página se cargue por completo para un usuario. Cuando piensas en eso en una perspectiva de tiempo, realmente puede sumar.

El almacenamiento en caché es una forma de permitir que un navegador «recuerde» ciertos elementos de una página web que se han cargado previamente. Cosas como:

  • Encabezamiento
  • Navegación
  • Logo
  • Cierto contenido

Básicamente, cuantos más elementos de una página web pueda almacenar en caché el navegador, más rápido podrá cargar una página web porque esos elementos ya están recordados. Menos elementos hacen que el tiempo de carga sea más rápido.

La política de almacenamiento en caché es su decisión, pero Google recomienda una política de almacenamiento en caché una vez a la semana como la más ideal. Puede hacer esto independientemente del navegador que utilice .

SEO adecuado

Seo adecuado para las estadísticas de velocidad de página de Google

El SEO es una parte crucial de cualquier sitio web. También juega un papel en el proceso de puntuación de PageSpeed ​​Insights. Optimizar su contenido para que los rastreadores de Google lo entiendan y puedan indexarlo correctamente es clave.

Comprender el SEO y cómo se relaciona con su negocio puede darle una ventaja en el proceso. Las mejores prácticas de SEO también son importantes, así que téngalas en cuenta también.

En cuanto a la configuración correcta de SEO en su sitio web, le recomiendo que use Yoast SEO para esto.

Pensamientos finales

Como puede ver, no se puede exagerar la importancia de Google Insights. Google le proporciona esta herramienta porque quiere que tenga un sitio web de carga más rápida y listo para dispositivos móviles. De acuerdo con sus estándares, estas cosas son fundamentales para el éxito.

No solo eso, sino que, como mencionamos, hay muchos datos que sugieren el vínculo entre las conversiones y las velocidades de carga de la página. No muchos de nosotros nos sentaremos por más de unos segundos para esperar a que aparezca una página web. Es más probable que pierda tráfico que mantenerlo con un tiempo de carga más lento.

Use la herramienta Google PageSpeed ​​Insights y use Google Lighthouse para probar sus páginas web y ver cuál es su posición. Una vez que obtenga los resultados, las correcciones recomendadas y las sugerencias que Google le brinda solo ayudarán a su sitio web a largo plazo.