Womuk-agencia-logo

¿Cómo mejorar su puntaje de Google PageSpeed ​​Insights en 2022?

¿Cómo Mejorar Su Puntaje De Google Pagespeed ​​Insights En 2022?

Contenido:

¿Cuándo fue la última vez que abandonó un sitio web porque su página tardaba demasiado en cargarse? ¡No estás solo al hacerlo! De hecho, la mayoría de los usuarios de Internet encuentran que las páginas de carga lenta son una gran molestia. En este artículo, explicaremos las mejores prácticas para mejorar su puntaje de Google PageSpeed ​​Insights en 2022. ¡Siga leyendo!

Según Pingdom, el 38 por ciento de los usuarios de sitios web rebotan si un sitio tarda más de cinco segundos en cargarse. Sin embargo, una encuesta realizada por Unbounce reveló que solo el 15 por ciento de los sitios tienen una velocidad de página aceptable.

Esta es una estadística bastante dañina si se considera la gran importancia de la velocidad de la página para garantizar la conversión.

Surge la pregunta, ¿cuál es exactamente la velocidad de página correcta? La respuesta a esto sigue cambiando. Si bien hubo un tiempo en que una velocidad de página de segundos era aceptable, ahora las empresas se esfuerzan por lograr un tiempo de carga de menos de tres segundos.

Una excelente manera de mantenerse al tanto de la velocidad estándar de la página es utilizar Google PageSpeed ​​Insights. Esta herramienta te permite medir la velocidad de tu página y la puntuación que te da te ayuda a identificar si necesitas mejorar tus esfuerzos o no. En general, una puntuación de más de 90 se considera aceptable.

En caso de que no logre esta puntuación, estas son algunas de las mejores prácticas que puede implementar para mejorar la puntuación de PageSpeed ​​Insights.

Cómo mejorar su puntaje de Google PageSpeed ​​Insights: mejores prácticas en 2022

Las estadísticas de Google Pagespeed se vuelven cada vez más importantes después de la gran Actualización del algoritmo Web Vitals. Web Vitals es una iniciativa de Google para proporcionar orientación unificada para señales de calidad que son esenciales para brindar una excelente experiencia de usuario en la web. Fue una de las mayores actualizaciones de algoritmos en la historia de Google. Así que aquí, tratamos de explicar estrategias efectivas para mejorar la puntuación de la información sobre la velocidad de la página.

1. Comprime tus imágenes

En el mundo actual, la estética importa mucho. Esto podría tentar a algunos de ustedes a colocar imágenes de alta calidad en su sitio web. Si bien este paso no tiene nada de malo, y ciertamente la calidad de las imágenes es importante, no confunda las imágenes de calidad con las imágenes de alta resolución.

Todavía puede lograr una excelente calidad sin utilizar la resolución más alta disponible. De hecho, una excelente manera de mejorar la velocidad del sitio web es comprimir sus imágenes. Resulta que puede usar herramientas de compresión para reducir el tamaño de la imagen hasta en un 50 por ciento sin comprometer su calidad.

Por ejemplo, para aquellos que tienen un sitio web de WordPress, un complemento llamado WP Smush Image Compression and Optimization puede ser una herramienta útil, ¡especialmente considerando que el complemento es de uso gratuito!

Además, en caso de que su sitio web no esté hecho en WordPress, puede usar varios otros complementos disponibles. Si bien Crush.pics es una herramienta excelente para las herramientas de Shopify, Compress JPEG y Optimizilla son opciones valiosas.

2. Elimina los redireccionamientos innecesarios

Otra gran molestia para un usuario de un sitio web, además de las páginas que se cargan lentamente, son los sitios web que siguen redirigiendo a otras páginas cuando hace clic en el enlace de la página de destino.

¡Resulta que ambas molestias están relacionadas! Cuantas más redirecciones tenga su página, mayor será la velocidad de carga de la página. Puedes matar fácilmente dos pájaros de un tiro eliminando los redireccionamientos innecesarios de tu página.

Para este propósito, necesita un diseño receptivo. Según Infront, más del 77 por ciento de los adultos posee un teléfono inteligente y el 60 por ciento de las personas acceden a sitios web a través de un teléfono. Un diseño receptivo permite que un sitio web permanezca accesible, independientemente del dispositivo en el que el usuario lo esté viendo:

Según Google, las páginas con un puntaje de PageSpeed ​​Insights bajo tienden a tener un cierto patrón de redireccionamiento. Estos son algunos de los patrones que pueden exhibirse:

  • xyz.com -> www.xyz.com -> m.xyz.com. Dichos sitios web ofrecen una experiencia muy lenta en dispositivos móviles.
  • xyz.com -> m.xyz.com/home. Esto ofrece una experiencia considerablemente más lenta que un diseño receptivo.

¿Te preguntas cómo se verá un diseño web receptivo? Bueno, su URL (en este caso, xyz.com) cargará la página de destino, independientemente del dispositivo desde el que se acceda, sin ningún redireccionamiento. Esto es a lo que debes aspirar.

3. Eliminar todos los recursos que bloquean el renderizado

Otra forma segura de aumentar el puntaje de velocidad de la página es eliminar cualquier recurso que bloquee el procesamiento de su sitio web. Dichos recursos también juegan un papel en la reducción de la velocidad de la página.

A menos que sea un geek de la informática, lo más probable es que no tenga ninguna idea sobre lo que queremos decir con recursos de bloqueo de procesamiento. No te preocupes; ¡también teníamos que aprender sobre eso!

Básicamente, dichos recursos se refieren a secuencias de comandos CSS y JavaScript que actúan como obstáculos para la carga rápida de la página. Esto se debe a que el navegador de cada visitante tiene la tarea de descargar primero estos scripts y luego procesarlos antes de que se pueda mostrar la página completa.

Tener dichos recursos colocados encima de la sección de pliegue de la página puede ser perjudicial para el sitio web. Google mismo ofrece una solución para este problema. Esto incluye:

  • Usar complementos como Autoptimize (si su sitio web es pequeño) para incorporar su CSS o JavaScript en archivos HTML. Este método es solo para sitios web pequeños, ya que en realidad será contraproducente para sitios web más grandes con una gran cantidad de scripts.
  • Aplazar su JavaScript permite que su archivo JavaScript se descargue durante el proceso de análisis de HTML y se ejecute una vez que se haya completado el proceso de análisis. También permite que los scripts se carguen en términos de orden de aparición en una página determinada.

Este es un campo bastante técnico; por lo tanto, necesitará un dedicado guía para combatir esto.

4. Mejore su rendimiento percibido

Un informe de MOVR arroja luz sobre el peculiar comportamiento del consumidor. Más del 11 por ciento de los usuarios de teléfonos móviles comienzan a desplazarse por un sitio web, de arriba hacia abajo, a los cuatro segundos de la carga de la página. E incluso si la página completa no se ha cargado, el 9 por ciento sigue desplazándose hacia abajo.

Esto significa que no necesariamente tiene que asegurarse de que toda su página se cargue rápidamente. En su lugar, necesita optimizar su rendimiento percibido. Hágalo priorizando la carga rápida del contenido de la mitad superior de la página. Si lo hace, también aumentará automáticamente la puntuación de velocidad de su página.

¿Qué es el rendimiento percibido?

Se refiere a la percepción que tienen los usuarios sobre la rapidez en el tiempo de carga de tu sitio web. ¡Esta vista en realidad puede ser diferente del tiempo de carga real de su sitio web! Por ejemplo, los sitios web que se cargan de arriba hacia abajo pueden cargar en general en cinco segundos, pero tienen un rendimiento percibido de tres segundos.

Permita que los elementos principales de la mitad superior de la página se carguen antes que los anuncios y los widgets de terceros. Asegúrate de que el contenido que da estructura a tu sitio cargue antes que los elementos estéticos. En el momento en que los usuarios procesan la información proporcionada, el resto de su sitio web puede cargarse.

5. Usa el almacenamiento en caché del navegador

Según Neil Patel, otra herramienta que puede ayudarte a mejorar tu Google PageSpeed ​​Insight Score es el almacenamiento en caché del navegador. En comparación con otras prácticas mencionadas en esta guía, esta es muy sencilla y no requiere mucho esfuerzo.

En general, una página tiende a tardar mucho en cargarse porque está obteniendo los recursos necesarios. Por ejemplo, cada vez que se vuelve a visitar un sitio web, debe buscar y cargar cada imagen y otros elementos de la página. Luego, tiene que lidiar con todo el HTML pesado y la codificación.

Los-Recursos-Requeridos-Google-Page-Speed
Fuente

Como puedes observar, esta tarea es bastante repetitiva. Ciertamente, cualquier forma de reducir la redundancia de esfuerzos puede mejorar el rendimiento del sitio web, ¿verdad? Aquí es donde entra en juego el almacenamiento en caché del navegador.

Permite a los navegadores recordar páginas y recursos que se han cargado previamente. Esto significa que no necesita recargarlo todo desde cero.

Además, esto permite que los visitantes del sitio web que comienzan su viaje en la página de destino no tengan que esperar a que se recarguen datos repetitivos, como logotipos y pies de página, cuando hacen clic en otras páginas.

Contrariamente a la creencia popular, no necesitas saber codificar para usar esta táctica. En cambio, hay herramientas disponibles para ello. Para WordPress, puede usar W3 Total Cache.

Entonces, ¿cómo lo implementas? Afortunadamente, hay un plugin para ello. No necesita ser un experto en codificación para hacer esto.

6. Usa AMP

Accelerated Mobile Pages es una solución de código abierto utilizada por Google para permitir que las páginas móviles se carguen más rápido. Lo hace eliminando contenido innecesario en un sitio web para garantizar que se cargue instantáneamente. Es posible que haya visto las iniciales reflejadas en varios resultados de búsqueda de Google.

Navegación-Suave-Para-Usuarios-Móviles
Fuente

La plataforma ofrece una navegación fluida para los usuarios de dispositivos móviles después de eliminar funciones complicadas que son incompatibles con una experiencia móvil ideal.

La versión simplificada del sitio web permite a los usuarios desplazarse por diferentes historias y contenido en un sitio sin salir de una página determinada y redirigir a otra. Por ejemplo, puede deslizar fácilmente hacia la derecha o hacia la izquierda para leer otros artículos, que aparecerán instantáneamente, con un formato mínimo.

Un estudio de caso informado por Neil Patel revela que Gizmodo mejoró su velocidad de carga tres veces usando la función AMP. Puede implementarlo fácilmente y beneficiarse de él también.

Existen numerosas formas de aumentar su puntuación de Google PageSpeed ​​Insight. Hemos mencionado los que se están implementando en gran medida en 2021, con un enfoque en aquellos que son más fáciles de seguir tanto para principiantes como para expertos.

No permita que una velocidad de página lenta arruine su arduo trabajo y esfuerzos. Y tampoco subestimes su poder en la tasa de rebote de tu sitio web. Utilice Google PageSpeed ​​Insight para ver dónde se encuentra actualmente su sitio web. Y si necesita mejorar, ¡ahora ya sabe qué hacer! También puede leer el artículo Core Web Vitals y su definición como lectura adicional.

¡Buena suerte!