Cómo mejorar su puntaje de Google PageSpeed ​​Insights

Google tiene un algoritmo complejo que tiene en cuenta muchos factores antes de indexar y clasificar una página web. Uno de estos factores de clasificación es la velocidad de la página.

Las páginas optimizadas que se cargan más rápido funcionan mejor en los resultados de búsqueda de Google.

Esta es la razón por la que los webmasters dedican mucho tiempo a obsesionarse con la velocidad de la página... ¿y por qué no lo harán?

La velocidad de su página es crucial para brindar una mejor experiencia de usuario y mejorar la clasificación de SERP.

Incluso si tiene un gran contenido, la gente lo ignorará si no puede hacer que su página se cargue más rápido. No tiene sentido escribir un artículo ganador si su sitio web tarda años en cargarse. La forma en que su audiencia interactúa con su sitio web depende de la velocidad de su página.

Los sitios web lentos generalmente tienen una tasa de rebote más alta que afecta directamente su clasificación y mucho menos su negocio. La velocidad de la página es esencial si desea mejorar su tasa de conversión y optimizar su sitio web para los motores de búsqueda.

En la actualidad de Internet, la capacidad de atención humana ha disminuido de 12 a 8 segundos. A los usuarios no les gusta esperar demasiado para encontrar respuestas a sus consultas de búsqueda.

Google siempre prioriza la experiencia del usuario sobre cualquier otra cosa. Por lo tanto, si no puede proporcionar una mejor experiencia de usuario, es probable que no vea ningún tráfico orgánico en su camino.

Para ayudar a los webmasters a analizar y mejorar el rendimiento de su sitio, Google ha introducido la herramienta Google PageSpeed ​​Insights.

Google PageSpeed ​​Insight lo ayudará a analizar su página web y brindará sugerencias en consecuencia para que su página web se cargue más rápido.

Muestra informes sobre el rendimiento de su sitio web tanto en computadoras de escritorio como en dispositivos móviles y qué cambios puede realizar para brindar una mejor experiencia al usuario.

Hablaremos más sobre esta herramienta, pero primero, comprendamos qué es la velocidad de la página.

¿Qué es la velocidad de la página?

La velocidad de la página se refiere a la cantidad de tiempo que tarda en cargarse el contenido de una página web. Hay muchos factores que determinan la velocidad de la página de un sitio web, que incluyen la arquitectura de su sitio web, los scripts de back-end, la velocidad del servidor, el tiempo de respuesta del servidor, el tamaño total de la página y la cantidad de imágenes en su página web.

Pero estos son solo algunos elementos que se correlacionan con la velocidad de la página. Si utiliza cualquier herramienta de análisis de velocidad de página, verá todos los demás componentes que influyen en la velocidad de página de su sitio web.

Mucha gente a menudo confunde el término "velocidad de la página" con "velocidad del sitio".

La velocidad del sitio se mide a partir de una muestra aleatoria de las visitas a la página de su sitio. Mientras que existen múltiples métricas para medir la velocidad de la página.

Aquí hemos enumerado las métricas más comunes para medir la velocidad de la página.

• Tiempo de carga de la página: esta es la cantidad de tiempo que lleva procesar y cargar completamente el 100% del contenido de su página web. Se utiliza para determinar qué tan rápido se carga completamente una página tanto en dispositivos móviles como de escritorio.
• Tiempo hasta el primer byte (TTFB): este es el tiempo que tarda después de que se envía una solicitud, para que el servidor transmita el primer byte de datos al navegador y el navegador muestra esos datos.
• Primera pintura con contenido (FCP): este es el tiempo que le toma a un navegador mostrar la primera pieza de contenido DOM después de que un usuario navega a su página.

Optimizar la velocidad de su página puede ser un poco complicado ya que existen múltiples métricas que afectan el tiempo de carga de su página web.

Para ayudarlo a evaluar y mejorar la velocidad de su página, puede usar Google PageSpeed ​​Insight , ya que incorpora directamente datos de CrUX (Informe de experiencia del usuario de Chrome).

Por qué es importante mejorar la velocidad de la página

Google ha declarado varias veces que la velocidad de la página es una señal de clasificación importante entre muchas. Su algoritmo utiliza los datos de velocidad de la página de Google Lighthouse y el informe de experiencia del usuario de Chrome (CrUX) para clasificar las páginas web.

Acelerar su sitio web es vital, ya que lo ayudará a aumentar su tráfico de búsqueda orgánica y mejorar la clasificación. Pero lo más importante, mejorará la experiencia del usuario de su sitio web. Si está trabajando en SEO para su sitio, la velocidad de la página es algo que no puede pasarse por alto.

Trabajar en la velocidad de su página y mejorar su tiempo de carga puede ser realmente beneficioso, ya que:

• Mejora el ranking de tu sitio web
• Aumenta la visibilidad de tu contenido
• Dirige el tráfico orgánico a tu sitio
• Disminuir la tasa de rebote
• Aumenta tu tasa de conversión
• Proporcionar una mejor experiencia de usuario
• Genera más ingresos
• Atrae tráfico de calidad a tu sitio web

Si tiene un sitio web que tarda años en cargarse, no solo perderá ingresos, sino que también perderá credibilidad.

Tener un sitio web lento es como la maldición de Sísifo. Una página web más lenta es como una gran piedra que tendrás que llevar hasta la cima de la colina.

No tiene sentido escalar repetidamente la "colina del contenido" con peso adicional en la espalda.

Perspectivas de velocidad de página de Google

Si está familiarizado con el SEO, probablemente haya oído hablar de Google PageSpeed ​​Insight. Es una herramienta gratuita de Google que permite a los propietarios de sitios web probar el rendimiento de su sitio web.

Puede escribir cualquier URL para ver qué tan rápido carga ese sitio web. Luego, Google otorga a la URL que probó una puntuación de 100 según varios indicadores de rendimiento de la página y métricas de velocidad de la página.

Google PageSpeed ​​Insight le mostrará las áreas en las que su sitio web podría necesitar mejoras y optimización.

También lo ayudará con recomendaciones y pasos que puede seguir para mejorar el rendimiento de su sitio.

Google PageSpeed ​​Insight utiliza datos de Lighthouse , que es una tecnología automatizada para mejorar la calidad general de las páginas web.

Puede evaluar el rendimiento, la accesibilidad, las aplicaciones web progresivas y otras características con Google Lighthouse.

Perfeccionar la puntuación de PageSpeed ​​de Google

Si bien los creadores de contenido están ocupados perfeccionando su puntaje de Google PageSpeed ​​Insights, a menudo pasan por alto la parte más importante: optimizar las páginas.

Su intención principal de usar el informe de Google PageSpeed ​​Insights debe ser seguir las recomendaciones y no obsesionarse con los números.

No te dejes llevar por el juego de los números. Más bien, concéntrese en mejorar el rendimiento general de su sitio y brindar una mejor experiencia al usuario. Estas métricas a veces no reflejan el rendimiento de su sitio web en tiempo real.

Habiendo dicho eso, definitivamente deberías buscar mejorar el tiempo de carga de tu sitio tanto como sea posible. No tiene que esforzarse por alcanzar la puntuación de velocidad de página de 100/100.

Cuando trabaje en las recomendaciones, eventualmente verá cambios en la puntuación.

Existen múltiples plataformas para verificar la velocidad de la página de su sitio web.

GTmetrics es otra gran herramienta que te permite analizar la velocidad de tu página desde varias ubicaciones. Combina los resultados de Google PageSpeed ​​Insights e Yslow para brindarle un informe más amplio. También hay otras herramientas de control de velocidad de la página, como Pingdom, que muestran todas las áreas que su página web necesita mejorar.

Cada una de esas herramientas utiliza diferentes métricas y es posible que vea resultados diferentes en estas plataformas. Esto muestra cuán inconsistentes pueden ser estos números.

A los visitantes de su sitio web no les importa su puntaje de Google PageSpeed ​​Insights ni cómo optimiza su sitio. Quieren una página web más rápida y con buen contenido.

Entonces, en lugar de mirar esos números, debe usar las recomendaciones para mejorar la velocidad de su página y brindar una mejor experiencia de usuario.

El objetivo de utilizar Google PageSpeed ​​Insights no es obtener una puntuación alta. En cambio, se trata de identificar problemas y áreas que su sitio web puede mejorar.

Puede averiguar dónde necesita mejoras y elementos que necesita optimizar para reducir los tiempos de carga reales y percibidos.

Cómo mejorar la puntuación de Google PageSpeed ​​Insights

Además de la experiencia del usuario y el contenido de su sitio web, el rendimiento de su sitio también es muy importante para Google.

Como Google creó una herramienta separada para que los propietarios de sitios web analicen la velocidad de la página de su sitio web e identifiquen todos los elementos que están ralentizando su sitio web, es obvio que Google quiere que su sitio web sea rápido. Por lo tanto, es comprensible que su puntaje de información de PageSpeed ​​​​pueda afectar su clasificación de SERP.

Pero eso no significa que su sitio web deba tener la puntuación perfecta para clasificarse en la parte superior de los resultados de búsqueda. Google no solo tiene en cuenta la puntuación dentro de ese círculo. Hay más en eso que solo un número arbitrario.

Después de la actualización del algoritmo Core Web Vitals en mayo de 2021, Google anunció que la señal de experiencia de la página se incluiría en el ranking de búsqueda de Google. Ha pasado más de una década desde que Google anunció públicamente que la velocidad de la página es un factor de clasificación importante.

Pero ahora Google también investigará cómo interactúan los usuarios con una página web. Esto significa que tendrán en cuenta su tiempo hasta el primer byte (TTFB), la primera pintura con contenido (FCP), el tiempo dedicado a una página, la tasa de rebote y algunas otras métricas al clasificar una página web.

Si bien los números pueden brindarle una idea del rendimiento de su sitio web, a veces no capturan la imagen completa.

Entonces, en lugar de enfocarse en perfeccionar su puntaje de Google PageSpeed ​​Insight, debe apuntar a mejorar su SEO general y cómo puede acelerar sus páginas web.

Aquí compartiremos algunas recomendaciones que lo ayudarán a identificar los elementos que abarrotan sus páginas web y qué puede hacer para disminuir el tiempo de carga de sus páginas web.

1. Evite los redireccionamientos de varias páginas

Los redireccionamientos ocurren cuando apunta su página a otra URL o elimina una página web que ya está indexada. También hay múltiples redireccionamientos de página que pueden ocurrir cuando está utilizando un tema que está mal optimizado y no responde a diferentes dispositivos.

Los redireccionamientos a la página de destino posteriores al clic pueden ser realmente frustrantes para los usuarios y pueden ralentizar su página.

Estamos utilizando un tema receptivo para el cual nuestros usuarios móviles no tienen que pasar por múltiples redireccionamientos de página de destino posteriores al clic.

Echemos un vistazo a cómo los redireccionamientos a la página de destino posteriores al clic pueden afectar la velocidad de su página:

• example.com: este sitio web utiliza un diseño web receptivo, por lo tanto, no se necesitan redireccionamientos, por lo que es la mejor y más rápida opción.
• example.com → m.example.com/home: esta página pasa por múltiples redireccionamientos para usuarios móviles. Por lo tanto, tiene un tiempo de carga comparativamente más lento.
• ejemplo.com → www.ejemplo.com → m.ejemplo.com: experiencia móvil muy lenta.

A veces, las redirecciones pueden ser útiles y no tienen nada de malo, pero pueden causar un retraso severo en el tiempo de carga.

Trate de evitar muchos redireccionamientos y use un tema receptivo que ajuste suavemente su diseño según el tamaño y la resolución de la pantalla.

2. Optimice la imagen para aumentar la velocidad de la página

La optimización de imágenes es un componente crítico del SEO en la página. No es suficiente usar el nombre de archivo de imagen correcto y una etiqueta alternativa para sus fotos; también necesitan ser comprimidos. Las imágenes pueden tener un impacto significativo en el rendimiento de la página, ralentizando su sitio web.

Google ha advertido a los webmasters sobre cómo el tamaño de la imagen puede afectar la velocidad de la página. Las imágenes pueden hacer que su página web sea un poco más pesada, lo que hace que tarde un poco más en cargarse. Sin embargo, tener una imagen optimizada reduce el tamaño del sitio web, lo que le permite cargar más rápido.

Necesitará fotografías de alta calidad en el formato, la dimensión, el tamaño y la resolución correctos, al mismo tiempo que reduce el tamaño del archivo al mínimo.

El tamaño de su página web puede tener un impacto directo en el tiempo de carga y el puntaje de Google PageSpeed ​​Insights y, eventualmente, afectar su clasificación de SERP.

Debido a que las imágenes y otros elementos gráficos representan entre el 50 y el 80 % del tamaño total de la página, comprimir sus imágenes con el formato correcto puede ayudarlo a reducir drásticamente el tiempo de carga, lo que brinda una mejor experiencia de usuario.

3. Habilitar la compresión Gzip

Los navegadores en estos días son capaces de generar una versión optimizada y comprimida de una página web. En lugar de cargar toda la página web, puede usar la compresión GZIP para reducir su página hasta en un 90 % y ofrecer una versión optimizada de su página.

La compresión GZIP ahora es utilizada por casi todos los servidores web y navegadores para comprimir y descomprimir páginas web a medida que avanzan y retroceden por Internet.

Este método de compresión de archivos se usa más comúnmente en texto y códigos, y puede reducir los archivos JavaScript, CSS y HTML hasta en un 90 %. En lugar de entregar la página completa al usuario, el navegador puede solicitar una versión comprimida que se carga en una fracción del tiempo.

4. Minificar CSS, HTML, JavaScript

A veces, debido a una mala codificación y optimización, nuestro sitio web se atasca con líneas de código innecesarias en el backend. Como los navegadores deben procesar todas estas líneas de códigos, estos códigos innecesarios ralentizan su página.

Los códigos de "minificación" se refieren a la eliminación de datos innecesarios o redundantes sin afectar el front-end de su sitio web y cómo el navegador procesa la página. A veces no necesita esa línea adicional de código para ejecutar correctamente su sitio web. Al eliminar estos caracteres, espacios y duplicaciones innecesarias, su página se carga más rápido.

Google prefiere que los webmasters mantengan sus códigos optimizados y minimicen el código en el backend de su sitio web. Puede usar el marco AMP de Google para minimizar sus archivos back-end y obtener una versión simplificada de HTML, CSS y JavaScript. Esto ayudará a que su página web se cargue en una fracción de segundo.

Hay formas sencillas de minimizar los códigos CSS, HTML y JavaScript sin tener conocimientos de codificación.

Si es un desarrollador de WordPress, puede usar un complemento de almacenamiento en caché como wp-rocket que le permite minimizar sus códigos.

5. Habilite el almacenamiento en caché del navegador para su sitio

Antes de que una página se cargue por completo para un usuario, pueden pasar muchas solicitudes entre el servidor y el navegador. Es posible que esta no sea la forma más eficiente de ofrecer contenido a su usuario, ya que puede llevar algo de tiempo.

Aquí es donde entra en juego el almacenamiento en caché del navegador. El almacenamiento en caché del navegador permite que los navegadores web proporcionen rápidamente una versión estática de su sitio web a los usuarios en lugar de mostrar dinámicamente el contenido de su página web cada vez que alguien hace clic. Lo que hace el almacenamiento en caché es permitir que el navegador "recuerde" ciertos elementos que se han cargado recientemente: encabezado, navegación, logotipo, etc.

Cuantos más elementos pueda almacenar en caché un navegador, menos elementos tendrá que cargar cuando un usuario solicite algo, y más rápido aparecerá una página.

En comparación con un sitio web sin almacenamiento en caché, publicar una versión estática de su página web lleva relativamente poco tiempo. Esto puede mejorar drásticamente su puntaje de PageSpeed ​​Insights.