Cuidado com o uso indevido do nome do CEO da GhFly Network! Saiba mais

Core Web Vitals: el secreto para tener un site 1 segundos

ashley

22/11/2021

Por Douglas Dantas – Head of Marketing en GhFly

Al entrar en una tienda, muchas veces se nota que cada detalle ha sido pensado para hacer más agradable esta experiencia: desde la decoración que hace referencia a las características de la marca, hasta la disposición de los productos a la venta para facilitar la compra e incluso el olor del ambiente pueden hacer más positivo este momento.

Dejando la vida offline para analizar el entorno digital, no es difícil establecer un paralelismo y llegar a la conclusión de que, en una web, el objetivo es el mismo, proporcionar una buena experiencia al cliente -o posible cliente-. 

La mejor manera de conseguir más resultados a través de un sitio web es creando un entorno propicio para una excelente navegación, cuando hablamos del complejo universo online, encontramos otro factor importante que refuerza esta necesidad: el Core Web Vitals de Google.

Una buena experiencia del cliente en un sitio web significa poder acceder a él con facilidad, rapidez, encontrar respuestas a sus preguntas,  Ahora bien, ¿cómo se pueden conseguir y medir estas señales? 

En este contexto, Google, el mayor motor de búsqueda online que opera en la actualidad, creó Core Web Vitals, una iniciativa que mide la experiencia en una página y ofrece recomendaciones clave para mejorarla.

¿Qué son los Core Web Vitals?

En primer lugar, es importante entender las razones que han llevado a Google a dirigir sus esfuerzos y su atención a Core Web Vitals. Y la respuesta es sencilla: al igual que una empresa necesita satisfacer las necesidades de sus clientes, el motor de búsqueda también tiene este objetivo principal.

Esta misión para Google está directamente vinculada a filtrar y ofrecer en su índice los sitios que presentan las mejores experiencias para ese usuario. Según datos del propio Google, cuando un determinado sitio sigue las recomendaciones del Core Web Vitals, hay un 24% menos de posibilidades de ser abandonado por un cliente.

Considera que, un cliente que navega por un sitio web, no quiere perder el tiempo en absoluto.  Es probable que abandone el acceso a la primera demora o en cuanto surja un pequeño obstáculo.

Es a este usuario al que Web Vitals orienta las métricas de construcción de una experiencia de página. Así que, para lograr la mejor usabilidad posible. Los Vitales Web giran en torno a la velocidad de carga, la interactividad y la estabilidad del sitio. Al respetar estos tres pilares, el sitio web está dando un paso importante hacia los resultados positivos de su negocio, al garantizar al cliente un acceso seguro, rápido y asertivo.

Entendiendo la importancia que da Google a las recomendaciones sugeridas dentro de las Core Web Vitals. También es fundamental comprender la relación directa entre la usabilidad y la experiencia que ofrece un sitio web con la asertividad de su estrategia SEO. 

Vea cuáles son las vitales de la web, las “principales métricas de Internet”

Según Website Hosting Ratin, se estima que hay 1.830 millones de sitios web en el mundo. Una cifra impresionante y que refuerza el gran reto al que se enfrenta Google para clasificar determinados dominios y contenidos según sus criterios, incluyendo las buenas prácticas de Web Vitals.

Como ya has visto, Core Web Vitals evalúa la experiencia de usuario de un sitio web analizando la velocidad, la estabilidad visual y la interactividad. Entre los parámetros que se enumeran para medir la usabilidad del sitio, algunos se encuentran entre los principales:

Largest Contentful Paint  (LCP)

Se encarga de medir la carga del elemento principal del sitio web, que puede ser una imagen, un vídeo o el texto más grande, por ejemplo. La recomendación de Google es que la LCP se produzca hasta en 2,5 segundos. Entre 2,5 y 4 segundos de LCP, la página necesita ajustes, y con más de 4 segundos, es muy probable que esté perdiendo visitas y clientes según el buscador.

Cumulative Layout Shift (CLS)

Todos los usuarios deben haber experimentado al hacer clic en un botón de un sitio web, pero en cuanto se cargan los demás elementos de la página, la posición de ese botón se modifica, y el cliente acaba yendo a un lugar diferente del que quería. La situación vivida expresa la inestabilidad visual de un determinado portal. Para que esto ocurra dentro de los límites aceptables de la estabilidad visual, lo ideal es que el CLS se mantenga por debajo de 0,1. De 0,1 a 2,5, Google lo considera tolerable. Por encima de este número, se indica una revisión estructural de la página.

First Input Delay (FID) 

Esta métrica comprueba la interactividad de un sitio web, desde el contacto hasta el inicio de una respuesta a esa interacción. Un buen FID marca hasta 100 milisegundos. Un resultado entre 100 y 300 milisegundos indica que la página necesita ajustes. Una respuesta superior a los 300 milisegundos significa que hay muchas posibilidades de que el usuario abandone su sitio.

Cómo tener un sitio web de 1 segundo

Para cada métrica de Core Web Vitals, hay unos cuantos pasos que ejecutar, todos ellos enfocados a mejorar la experiencia del usuario. Es importante saber que Google tiene sus propias directrices de forma en profundidad, una fuente a la que hay que dar prioridad a la hora de consultar el paso a paso técnico para implementar cada mejora estructural.

Para cada pilar considerado dentro de Core Web Vitals, algunos factores acaban reflejándose de forma más rápida y directa para que los resultados sean observados de forma evidente por el usuario.

LCP

El tiempo de respuesta para cargar el elemento principal del sitio se ve afectado por una serie de elementos, como el tiempo del servidor y el bloqueo de renderización de JavaScript y CSS. Algunas formas de optimizarlo son:

  • Utiliza el CDN;
  • Activar caché.
  • Optimizar el servidor;
  • Eliminar el código no esencial.

Si necesitas profundizar en esta métrica y asegurarte los mejores resultados, Google ha puesto a tu disposición la cartilla Optimizar LCP, con toda la información al respecto.

CLS

La estabilidad de la página puede mejorar si se presta atención, sobre todo, a la carga de fuentes, vídeos e imágenes. Para mejorar las métricas observadas por Google, algunos puntos a implementar son

  • Utilizar la API de carga de fuentes.
  • Definir los espacios para los anuncios.
  • Insertar la anchura y la altura de las imágenes y los vídeos.

Google también ha puesto a disposición una guía de estabilidad de la página.

FID

Mientras tanto, para mejorar el tiempo de respuesta que un sitio web tarda en responder a la interacción del usuario, la indicación es comprobar cómo se analiza y ejecuta el JavaScript en la página. Algunas recomendaciones para esto son dividir los JavaScripts pesados en tareas más pequeñas y reducir el tiempo de ejecución de JavaScript.

Google también ha creado una guía llamada Optimize FID.

Cómo medir el Core Web Vitals

Por cada mejora implementada se espera un reflejo positivo y no es diferente con el Core Web Vitals. Cuanto más se adecue a las Core Web Vitals, más competitivo será su sitio. Sin embargo, para seguir el rendimiento del sitio según las directrices de Google y la usabilidad para los usuarios, la medición es fundamental.

El buscador también se ha preocupado de ofrecer medios para que sea posible medir cada uno de los pilares que enumera, proporcionando herramientas desarrolladas a partir de la propia base de datos de Google, todo ello de forma gratuita.

Entre las principales está PageSpeed Insights, que sugiere mejoras centradas en la velocidad del sitio, Web Vitals, una extensión de Google Chrome que ofrece información en tiempo real con datos de laboratorio para el sitio al que accede el cliente, y la Biblioteca JavaScript -para los que dominan la programación, el sitio ofrece datos de código abierto para ser utilizados como proveedor de análisis y soporte para métricas personalizadas.

Por último, es importante recordar siempre que el contenido de un sitio web es exactamente lo que busca el cliente, siempre. Sin embargo, por sí solo no será suficiente para atraer y mantener la atención de este usuario entre tantas posibilidades de sitios que alinean el contenido con la experiencia positiva requerida por Google y el cliente.

 En un universo digital con más de mil millones de sitios web -con un número creciente cada día- el que esté de acuerdo con las Core Web Vitals se alineará automáticamente con las expectativas de buena navegación esperadas por el cliente, saliendo adelante en el ranking de Google y en la preferencia de los usuarios.

Trabajar en la optimización de tus sitios web es vital para una experiencia gratificante para los usuarios. ¿Quieres trabajar en estas estrategias? ¡Confía en nuestro equipo!