Google PageSpeed ​​Insights: lo que realmente significa una puntuación de 100/100

¿Se esfuerza constantemente por obtener una puntuación perfecta de 100/100 en Google PageSpeed ​​Insights?

Es posible que desee pensar de nuevo.

A pesar de lo que muchas personas asumen, muchos sitios web que obtienen una puntuación de 100/100 en Google PageSpeed ​​Insights aún no brindan la mejor experiencia de usuario posible.

No se deje engañar por el encanto de una puntuación perfecta. En este artículo, descubrimos los conceptos erróneos comunes con respecto a los puntajes de Google PageSpeed ​​Insights y explicamos cómo alcanzar las vertiginosas alturas de 100/100.

¿Qué es Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights es una herramienta (de Google) que cuantifica el rendimiento de un sitio web midiendo diferentes métricas. Luego usa estas métricas para calcular una puntuación que va de 0 a 100, siendo 100 la más alta posible, aunque cualquier puntuación superior a 90 se considera buena.Estos puntajes se calculan utilizando otra herramienta de Google: Lighthouse .

Las pruebas se realizan por separado en dispositivos móviles y de escritorio.Un sitio web puede obtener una puntuación alta en dispositivos de escritorio, pero una puntuación más baja en dispositivos móviles.

La puntuación final combina tanto el uso en el mundo real como las pruebas de laboratorio para generar un informe holístico. Los diagnósticos de laboratorio prueban la URL dada en busca de problemas de accesibilidad y cuellos de botella de rendimiento, y realizan comprobaciones de SEO en un entorno simulado. Las pruebas del mundo real miden métricas como la primera pintura con contenido, el cambio de diseño acumulativo, etc., y las comparan con el Informe de experiencia del usuario de Chrome (CrUX).

Las métricas se informan para el percentil 75 de los usuarios en la base de datos CrUX, por lo querepresenta de manera realista la experiencia del usuario de la mayoría de los usuarios y destaca los puntos débiles de los más frustrados.Es importante tener en cuenta que las pruebas del mundo real indican el rendimiento durante los últimos 28 días, y es posible que una nueva actualización no se refleje inmediatamente en los puntajes.

Es unaherramienta gratuita que ayuda a los propietarios de sitios web a evaluar el rendimiento de su sitio web e identificar las áreas que necesitan mejoras.Al utilizar la herramienta, los desarrolladores pueden realizar cambios que mejorarán la velocidad de su sitio web,lo que generará una mejor experiencia de usuario y un mejor rendimiento general.

Con Google PageSpeed ​​Insights, recibe recomendaciones para mejorar el rendimiento del sitio web .Estas recomendaciones pueden incluir la optimización de imágenes, la minimización del código y la reducción del número de solicitudes realizadas por la página. Al seguir estas sugerencias, los propietarios de sitios web pueden mejorar la velocidad y el rendimiento de su sitio, lo que lleva a una mejor experiencia de usuario.

Cómo funciona Google PageSpeed ​​Insights

Cuando se ingresa la URL de un sitio web en la herramienta, Google PageSpeed ​​Insights cargará el sitio web y recopilará datos sobre su rendimiento. Mide las siguientes métricas:

1. Primera pintura con contenido: esta métrica mide el tiempo desde que la página comienza a cargarse hasta que cualquier contenido visible se representa en la pantalla.Esto evalúa el tiempo de carga percibido de la página.
2. Primera pintura significativa: puede usar esto para medir el tiempo desde que la página comienza a cargarse hasta que el contenido principal de la página es visible.Esto estima la percepción del usuario de qué tan rápido carga la página.
3. Índice de velocidad: Mide la rapidez con la que se rellenan visualmente los contenidos de una página.Una puntuación más baja indica una carga de página más rápida. Optimizar esta métrica puede mejorar el tiempo de carga percibido por el usuario de la página.
4. Primera CPU inactiva: esta métrica es el tiempo que transcurre desde que la página comienza a cargarse hasta que el subproceso principal del navegador está lo suficientemente inactivo para manejar la entrada.Esto evalúa la capacidad de respuesta de la página.
5. Tiempo de interacción: esta medida es la diferencia de tiempo desde que la página comienza a cargarse hasta que es completamente interactiva.Esto comprueba la capacidad del usuario para interactuar con la página.
6. Primera demora de entrada: esta métrica mide el tiempo desde que un usuario interactúa por primera vez con una página (como al hacer clic en un enlace) hasta el momento en que el navegador puede responder a esa interacción.La optimización de esta métrica puede mejorar la percepción del usuario sobre la capacidad de respuesta de la página.
7. Tiempo total de bloqueo: esta es la cantidad total de tiempo que el hilo principal del navegador está bloqueado.Esto juzga la capacidad de respuesta de la página y el tiempo para que el contenido principal sea visible.
8. Pintura con contenido más grande: esta métrica mide el tiempo desde que la página comienza a cargarse hasta que el elemento con contenido más grande se representa en la pantalla.Esto evalúa qué tan rápido se carga la página.

Google PageSpeed ​​Insights proporcionapuntajes separados para dispositivos móviles y de escritorio .Esto se debe a que el rendimiento de un sitio web puede variar según el dispositivo desde el que se accede. La puntuación móvil tiene en cuenta los desafíos específicos de los dispositivos móviles, como velocidades de red más lentas y pantallas más pequeñas.

Además de los resultados (puntuaciones) de cada métrica, también encontrará algunas recomendaciones útiles sobre cada área en la que debe centrarse para mejorar su puntuación de PageSpeed ​​Insights.

Cómo anotar 100/100

Obtener una puntuación de 100/100 en Google PageSpeed ​​Insights puede ser un desafío, pero siguiendo las mejores prácticas y utilizando las recomendaciones de la herramienta, es posible lograr una puntuación perfecta. Aquí hay algunas estrategias para ayudarlo a lograr esa puntuación de 100/100:

1. Optimice las imágenes: reducir el tamaño de archivo de las imágenes en su sitio web puede mejorar significativamente el tiempo de carga de la página sin sacrificar la calidad de la imagen.Se pueden utilizar técnicas como la compresión y el cambio de tamaño para optimizar las imágenes. El mejor enfoque es utilizar nuestro complemento de cambio de tamaño de imagen con dominios acelerados. Esta herramienta cambia el tamaño y optimiza las imágenes en el borde de Accelerated Domains, lo que le permite servir todas sus imágenes en el tamaño correcto sobre la marcha. Debido a que el cambio de tamaño y la optimización se llevan a cabo completamente dentro de la red de Accelerated Domains, los recursos de su servidor y el ancho de banda no se verán afectados.
2. Minimice el uso de anuncios y elementos innecesarios en la página: al reducir la cantidad de elementos innecesarios en una página, puede reducir la cantidad de solicitudes HTTP realizadas por el navegador y mejorar el tiempo de carga de la página.Esto se puede lograr eliminando anuncios, scripts y widgets innecesarios que no son esenciales para la experiencia del usuario. Los anuncios a menudo también tienen un impacto negativo en el cambio de diseño acumulativo (CLS), ya que no están alojados por su proveedor de alojamiento sino por la red publicitaria. Lo que significa que incluso si su sitio está alojado con un proveedor de alojamiento de rendimiento de WordPress (como nosotros aquí en Servebolt), los anuncios pueden generar cambios de contenido porque el resto del sitio se carga más rápido que los anuncios (así que cuando lo hacen, el resto de el contenido cambia en la página para adaptarse a los anuncios).
3. Utilice el almacenamiento en caché del navegador: el almacenamiento en caché del navegador permite que los recursos a los que se accede con frecuencia, como imágenes y hojas de estilo, se almacenen en el dispositivo del usuario.Esto permite que la página se cargue más rápido en visitas posteriores. Al establecer encabezados de caché apropiados, los desarrolladores web pueden controlar cómo se almacenan en caché los recursos y durante cuánto tiempo. Hay múltiples formas de hacer esto; si usa un CMS como WordPress, puede obtener extensiones que lo administrarán por usted. También puede cambiar el archivo de configuración en su servidor (Nginx, Apache, etc.) para agregar los encabezados necesarios.
4. Aproveche la infraestructura de Google: La descarga de bibliotecas populares de código abierto a la red de entrega de contenido (CDN) de Google también puede mejorar la velocidad del sitio web.Esto se logra mediante el alojamiento de copias de Google de las bibliotecas JavaScript de código abierto más populares que utiliza su sitio web (como jQuery, D3.js y Dojo) en una red de servidores en todo el mundo. Cuando su sitio se carga en el navegador de un cliente, las bibliotecas requeridas se recuperan del servidor más cercano al usuario. Esta reducción en la distancia tiene un impacto medible en la velocidad general de carga de la página.
   
   Nota: Si bien esta será una de las recomendaciones oficiales que observará al realizar pruebas con información de PageSpeed, en Servebolt recomendamos algunas alternativas que incluyen Cloudflare, la CDN de Servebolt y Dominios acelerados, todas las cuales son excelentes opciones.Si bien uno de los increíbles equipos de Google ha desarrollado PageSpeed ​​Insights y Core Web Vitals, esto no significa que todo en su pila de rendimiento deba (o deba) también girar en torno a las herramientas creadas por ellos.
5. Siga las mejores prácticas de rendimiento: siga las mejores prácticas de rendimiento, como eliminar los recursos que bloquean el renderizado, diferir las imágenes fuera de pantalla, minimizar CSS y JavaScript, eliminar CSS no utilizado, codificar imágenes de manera eficiente, preconectarse a los orígenes requeridos, minimizar la cantidad de solicitudes HTTP y usar una red de entrega de contenido puede ayudar a mejorar la velocidad del sitio web y la experiencia del usuario.

Conceptos erróneos sobre la puntuación 100/100 (o cuándo no prestar atención a la puntuación)

Para algunos desarrolladores, una puntuación de 100/100 es el objetivo final, pero solo debe considerarse como un indicador que nos guía en la dirección correcta.

Cuando una medida se convierte en un objetivo, deja de ser una buena medida.–Ley de Goodhart

Es importante considerar la puntuación de PageSpeed ​​como una guía y no como el objetivo final. Aunque puede proporcionar información valiosa sobre el rendimiento de un sitio web para la mayoría de la base de usuarios, no puede personalizar el informe para reflejar con precisión la demografía específica de su base de usuarios.

Si bien es deseable una puntuación alta, es importante recordar que la velocidad del sitio web es solo un aspecto del rendimiento general de un sitio web. Un sitio web puede tener una puntuación perfecta y aun así no proporcionar la mejor experiencia de usuario.

Siempre es importante priorizar la experiencia del usuario al realizar cambios significativos en su sitio web. Si bien la velocidad del sitio web es importante, no debería ser lo único que guíe sus decisiones.Un sitio web que se carga rápidamente pero que es difícil de navegar o tiene una funcionalidad deficiente no proporcionará una buena experiencia de usuario.

Es esencial tener en cuenta quea los visitantes de su sitio web realmente no les importará en absoluto su prueba de PageSpeed.Podría lanzarles todos los números impresionantes por los que ha trabajado tan duro, simplemente no estarán interesados.Lo que les importa es su experiencia.Si la página se siente como si se cargara rápidamente y respondiera, estarán felices. Incluso si sus métricas afirman que es apenas un 90.

Y si está realizando cambios en su sitio,recuerde que cualquier prueba de velocidad que realice inicialmente puede dar la impresión de que su sitio realmente se ha ralentizado.Es muy posible que esto se deba a que las pruebas de rendimiento realizadas antes de los cambios en realidad usaban elcaché almacenado de sus páginas web y recursos.

Un sitio actualizado solicitará que se vacíe y actualice el caché, lo que no solo llevará un poco más de tiempo que antes, sino que también le mostrará la verdadera velocidad y el rendimiento de su sitio web.

Para obtener más información sobre esto, lea nuestro artículo, " Cómo debe probar la velocidad y el rendimiento de su sitio web, y por qué probablemente lo esté haciendo mal".

PageSpeed ​​Insights para tiendas de comercio electrónico

La puntuación de PageSpeed ​​Insights es una buena medida de la velocidad experimentada para una tienda de comercio electrónico, pero no es la única que importa. PageSpeed ​​Insights (PSI) analiza el contenido de una página web y genera sugerencias para hacer que esa página sea más rápida en función de los principios generales del rendimiento web. Sin embargo, PSI no mide algunos aspectos de una tienda de comercio electrónico que pueden afectar la experiencia del usuario, como la velocidad del carrito, la velocidad de pago, las recomendaciones de productos, etc. Estos son importantes más allá de pasar las pruebas y el SEO porque afectan si los usuarios se convertirán.

Por ejemplo: las páginas de sus productos se cargan instantáneamente, pero agregar un producto al carrito lleva a sus visitantes de 6 a 10 segundos, y cargar su página de pago toma otros 6 a 10 segundos.Esta experiencia suele ser donde la mayor pérdida de ingresos se debe al rendimiento del sitio. Sin embargo, esta categoría de optimizaciones de rendimiento sin procesar (que se aplican al procesamiento de backend, no solo a la optimización de lo que se carga en el frontend) es una de la que pocos hablan y saben cómo optimizar.Entonces, si bien PSI es una herramienta útil para monitorear el desempeño de una tienda de comercio electrónico, no debería ser la única.

¿Puede usar Pagespeed Insights para medir el rendimiento del backend?

PageSpeed ​​Insights solo analiza el rendimiento del front-end de una página web, no mide el rendimiento del back-end. Esto incluye el procesamiento del lado del servidor, las consultas a la base de datos, las llamadas a la API, etc., que suceden detrás de escena. Aunque las métricas de rendimiento de front-end y back-end suelen estar altamente correlacionadas, aún necesitará usar una herramienta de Monitoreo de rendimiento de aplicaciones (APM) para medir y optimizar el rendimiento de back-end de su sitio web.

Las herramientas de APM pueden ayudarlo a monitorear y solucionar problemas de rendimiento de sus aplicaciones web en toda la pila, desde el navegador hasta el servidor y la base de datos. Las herramientas de APM pueden brindarle métricas como el tiempo de respuesta, el rendimiento, la tasa de error, la utilización de recursos, etc., y ayudarlo a identificar y resolver problemas y cuellos de botella en el rendimiento. Algunos ejemplos de herramientas APM incluyen New Relic, Dynatrace, AppDynamics y Datadog.

¿Los puntajes más altos dan como resultado mejores clasificaciones en los motores de búsqueda?

No, las puntuaciones más altas de PageSpeed ​​Insight no garantizan su clasificación en Google. PSI solo le brinda sugerencias para mejorar su sitio; no refleja el algoritmo de clasificación real que utiliza Google para clasificar las páginas web. Tener una puntuación de 100 no garantiza que obtendrá una mejor clasificación que la misma página con una puntuación de 90.

Google utiliza muchos otros factores para determinar la clasificación de una página web, como la relevancia, la calidad, la autoridad, las señales de los usuarios, etc. La velocidad del sitio es uno de los factores de clasificación, pero no es el úniconi el más importante. . Por lo tanto, PSI es una herramienta útil para mejorar la velocidad de su sitio y la experiencia del usuario, pero no es un indicador confiable de su clasificación en Google.

Informe posterior a la acción: comprender la verdad sobre PageSpeed

Mucha gente ha tendido a obsesionarse demasiado con la puntuación de PageSpeed ​​de Google, viendo esto como el Santo Grial de la optimización de sitios web. En Servebolt, ciertamente comprendemos la importancia de hacer todo lo posible para que la velocidad y el rendimiento del sitio sean una prioridad máxima.

Pero dicho esto, los números no son la única prioridad a tener en cuenta.

Las técnicas que mostramos en este artículo sin duda lo ayudarán a mejorar el rendimiento de su sitio y aumentar su puntaje de PageSpeed. Sin embargo, pensar en la experiencia de tus usuarios también es de suma importancia.

Naturalmente, el rendimiento del sitio y la experiencia del usuario van de la mano.Cuanto mejor funcione su sitio, menos frustración tendrá que enfrentar el usuario. Pero siempre trate de mejorar su sitio tanto para el rendimiento como para la experiencia del usuario. A menudo, el tiempo dedicado a mejorar uno tendrá un impacto positivo en el otro.

Si su objetivo es mejorar la velocidad de su sitio web y brindar a sus visitantes una experiencia fluida y receptiva, uno de los factores clave será encontrarla solución de alojamiento más rápida que pueda obtener .Pruebe un Bolt gratis durante 14 díasy compruebe usted mismo la diferencia de Servebolt.

¿Está interesado en el alojamiento administrado que es empíricamente más rápido? Pruebe nuestro enfoque para el alojamiento de WordPress:

• Escalabilidad: en las pruebas de carga de trabajo de usuarios reales, Servebolt entregó tiempos de respuesta promedio de 65 ms, tiempos de respuesta 4,9 veces más rápidos que el segundo mejor.
• Los tiempos de carga globales más rápidos: los tiempos de carga de página promedio de 1,26 segundos nos colocan en la parte superior de la lista de resultados globales de WebPageTest.
• La velocidad informática más rápida: los servidores Servebolt brindan velocidades de base de datos nunca antes vistas, procesando 2,44 veces más consultas por segundo que el promedio y ejecutando PHP 2,6 veces más rápido que el segundo mejor.
• Seguridad y tiempo de actividad perfectos: con un tiempo de actividad del 100 % en todos los monitores y una calificación A+ en nuestra implementación de SSL, puede estar seguro de que su sitio está en línea y seguro.