En pocas palabras, los sitios web que los usuarios disfrutan usar tendrán una clasificación más alta.

La experiencia del usuario tiene un gran valor en la red mundial, y Google ahora enfatiza aún más la experiencia del usuario de un sitio web y ha introducido formas de clasificar los sitios web en función de su experiencia de usuario.

Dado que Google y otros motores de búsqueda importantes han indicado que la calidad de la experiencia del usuario es un factor clave en la clasificación de los sitios web, se ha especulado mucho sobre la puntuación de velocidad de página ideal.

Sin embargo, este ya no es el caso, ya que Google ha aclarado muchos conceptos erróneos al presentar Core Web Vitals.

Anteriormente, los sitios web concentraron todos sus esfuerzos en mejorar la velocidad general del sitio web y prácticamente ignoraron la importancia de las métricas críticas de la experiencia del usuario.

Con la iniciativa Core Web Vitals de Google, Google ha ayudado a los desarrolladores de sitios web a dedicar su tiempo y esfuerzo a mejorar lo que importa: la experiencia del usuario.

Presentamos Core Web Vitals

Como sugiere el nombre, Core Web Vitals son métricas de rendimiento que reflejan lo que realmente importa, una experiencia de usuario superior.

Este sistema de medición se aplica a todos los sitios web que hay en la red mundial y lo ideal es que lo utilicen todos los propietarios de sitios web para asegurarse de que su sitio web funcione bien.

Core Web Vitals consta de tres métricas, cada una de las cuales es un factor particular para medir Puntuación de la experiencia del sitio web de Google.

Las tres métricas se calculan a través de una experiencia de usuario en el campo, que refleja la aplicabilidad en el mundo real.

Antes de que le presenten las tres métricas de rendimiento principales, vale la pena saber que estas métricas y su importancia evolucionarán.

Por ahora, Core Web Vitals ofrece la información más precisa disponible para el rendimiento del sitio sobre la experiencia del usuario. Sin más preámbulos, entremos de lleno.

1. LCP: la pintura con contenido más grande

Esta métrica mide la cantidad de tiempo que tarda en cargarse el contenido principal de la página. En palabras más simples, este es el tiempo que tarda el texto principal, las imágenes u otros medios en cargarse por completo después de hacer clic en el enlace del sitio web.

El principal factor que determina el LCP es el tiempo de procesamiento del video, la imagen o el texto más grandes de la página. Las puntuaciones LCP ideales son inferiores a 2.5 segundos.

2. FID – Retraso de la primera entrada

FID mide la cantidad de tiempo que tarda un sitio web en volverse interactivo para el usuario; cuánto tiempo tarda una página antes de que el usuario pueda hacer clic en el contenido, desplazarse o ingresar texto.

Esta métrica es muy práctica ya que considera la experiencia en tiempo real de los usuarios cuando visitan un sitio web.

Las medidas de FID para sitios web suelen ser mucho más cortas que las de LCP y se miden en milisegundos en lugar de segundos.

Sin embargo, aún así, los FDI ideales deberían ser inferiores a 100 ms.

3. CLS – Cambio de diseño acumulativo

Este factor mide la estabilidad visual de un sitio web.

Este es el único factor que no mide la velocidad del sitio web, sino la estabilidad del diseño del sitio web mientras se carga. El ligero cambio similar a una falla que vemos en los elementos de un sitio web mientras se carga es CLS.

El cambio en los elementos es inesperado y hace que la página web se vea con fallas.

Cuanto menos CLS haya, más fiable y seguro parece un sitio web.

CLS se mide en unidades de distancia, y el recuento ideal de CLS es inferior a 0.1. Cualquier cosa más allá de eso necesita mejoras.

Por qué necesita concentrarse en Core Web Vitals

Con tu sitio web o negocio, tu objetivo es brindar la mejor experiencia posible a tus clientes o usuarios, para que queden impresionados con lo que tienes para ofrecer y sigan regresando.

Para retener a los clientes, es necesario aumentar todos los factores que influyen en la experiencia del usuario.

De la misma manera, Google también es un negocio. Google quiere brindar una mejor experiencia a las personas que utilizan el motor de búsqueda para navegar por la web.

Una de las formas más importantes en que Google puede brindar una mejor experiencia a sus usuarios es presentar los mejores resultados de búsqueda. Y están utilizando Core Web Vitals como factores determinantes principales en la clasificación de sitios web.

Aquí es donde se trata de usted y su sitio web.

Cuanto mejores sean los Core Web Vitals de su sitio, mayor será su clasificación en los resultados de búsqueda de Google y más tráfico obtendrá. Simplemente, si desea que su negocio o sitio web funcione bien, debe ser más visible.

Y para ser más visible, los recuentos de LCP, FDI y CLS de su sitio deben ser lo más bajos posible.

Cómo acceder a su Core Web Vitals

Bien, has terminado con el primer paso. Ahora sabe qué son Core Web Vitals, pero saberlo no es suficiente. Es hora de aprender cómo podemos medir los Core Web Vitals de nuestro sitio web y qué podemos hacer para mejorarlos.

Google ha hecho mucho hincapié en Core Web Vitals y, como parte de su énfasis, ha hecho que su medición sea bastante sencilla. Google ha creado el Informe de experiencia del usuario de Chrome, que toma datos de usuarios reales de Chrome que visitan diferentes sitios web.

Recopila datos para cada Core Web Vital y hace que la vida de los propietarios de sitios sea realmente fácil para verificar su rendimiento.

El Informe Core Web Vitals para su sitio se puede acceder desde el Google Búsqueda consola. El informe también incluirá una lista de todas sus URL y proporcionará datos de Web Vitals para todas ellas.

Cómo mejorar los elementos básicos de la Web

Los Core Web Vitals de su sitio web dependen de la velocidad y la estabilidad.

Con respecto a la velocidad de la página/tiempo de carga de la página, varios factores juegan un papel. Desde pesados ​​archivos de imagen hasta la generación de solicitudes, varios componentes de un sitio web aumentan la carga del navegador y aumentan el tiempo de carga de la página.

Los expertos de Google han recomendado una gama de soluciones para mejorar su Core Web Vitals y, a su vez, la experiencia del usuario de su sitio.

Optimización de CSS

• CSS importante en línea: Alinee las partes más esenciales del CSS de su sitio, como las relacionadas con el diseño y el diseño de su sitio. El objetivo es reducir la cantidad de archivos individuales que el servidor debe cargar para el diseño inicial.
• Optimizar entrega: CSS suele tardar mucho en cargarse. Idealmente, puede precargar CSS para que el navegador lo tenga listo cuando sea necesario.

Optimización de fuentes

Puede sorprender a muchos, pero las fuentes y los íconos en un sitio web pueden afectar mucho su tiempo de carga. Sin embargo, con la ayuda de algunos cambios muy pequeños, es posible que vea una diferencia significativa en la velocidad de carga de su sitio.

• Fuentes precargadas: Al igual que CSS, cuando su sitio web necesita cargar una fuente, la fuente se prioriza antes de que se cargue cualquier otra parte del sitio. Esto se debe a la misma razón por la que cuando carga un sitio web con una fuente muy estilizada, hay un breve destello de texto estándar antes de que se convierta al formato y tamaño de fuente deseados. Esto reduce los puntajes de experiencia de su página de usuario.
• Use fuentes sabiamente: Al diseñar una página web, uno solo debe usar las fuentes que necesita. La mayoría de los sistemas de fuentes, incluso cuando se usan solo para unas pocas palabras, cargarán todos los caracteres que ni siquiera se utilizan. Para evitar una carga innecesaria en su sitio, asegúrese de usar la menor cantidad de fuentes posible.

Optimizar imágenes

Los archivos de imágenes grandes pueden retrasar su LCP y los recuentos de FDI, por lo que es una buena idea optimizar las imágenes en su sitio para que se carguen mejor.

• Servidores CDN: El uso de servidores CDN de imágenes es una de las formas más recomendadas para optimizar las imágenes en sus páginas web. Los servidores se ralentizan cuando están bajo mucha presión; esto sucede especialmente cuando los archivos de imagen tienen que cargarse desde el mismo servidor. Alternativamente, podría usar un servicio de servidor Image CDN para reducir drásticamente la carga en los servidores y mejorar la velocidad de la página.
• Formato WebP: El formato de tus imágenes también importa. Google recomienda que las imágenes se conviertan al formato WebP para facilitar la carga.
• Carga lenta: LazyLoad es una técnica que permite que su sitio web funcione de manera más inteligente y no más difícil. Cuando se implementa LazyLoad, solo se cargan primero las imágenes que van a aparecer en la pantalla. Esto disminuye la carga en el sitio. Las imágenes de la página web fuera de la pantalla solo se cargan cuando el usuario se desplaza más cerca de ellas.

Las mejores herramientas para mejorar su Core Web Vitals

1. Perfmatters

Perfmatters es un complemento de WordPress para mejorar la velocidad de su sitio web. Una proporción significativa de sitios en la web funcionan con WordPress, y este complemento se puede aplicar a todos.

Cuando un sitio web está diseñado en WordPress, algunas opciones están habilitadas de forma predeterminada que no todos los sitios usan. Estas opciones habilitadas ralentizan innecesariamente el sitio. No todos pueden deshabilitar estas opciones, pero con Perfmatters, puede lograrlo con unos pocos clics.

Además, Perfmatters lo ayuda a lidiar con solicitudes HTTP innecesarias que probablemente reduzcan la velocidad de su página al máximo. Esta herramienta le permite controlar cuándo los complementos pueden o no cargar código.

Hay más. Puede hacer uso de herramientas fantásticas como preconexión, captación previa de DNS, alojamiento de secuencias de comandos locales de Google Analytics y muchas otras para acelerar su sitio y reducir significativamente los recuentos de LCP y FDI.

Características

• Ligeros
• Control de latidos
• Control API REST
• Deshabilite el script en páginas o publicaciones individuales.

Precios

• Los planes comienzan en $24.95/año.

2. Nitropack

Nitropack no es solo un complemento de WordPress; es mucho más que eso. La idea pionera detrás de NitroPack es simplificar el proceso de velocidad de página tanto como sea posible.

En lugar de tener que usar múltiples complementos y elegir qué optimizar y qué no individualmente, NiroPack ofrece una solución todo en uno para optimizar su sitio web. Funciona en WordPress, así como en todas las demás plataformas principales, como WooCommerce, OpenCart y Magento.

Todo lo que tiene que hacer es agregar su sitio web e instalar Nitropack. El tercer y último paso es decidir qué tan fuerte desea que se optimice su sitio. Como su asistente virtual personal, Nitropack comenzará todas las optimizaciones.

El uso de NitoPack no solo ahorrará una gran cantidad de tiempo, sino también el uso del servidor, ya que ejecuta actividades de optimización en sus propios servidores.

Características

• Optimización automatizada de sitios web
• CDN global
• Precarga de DNS
• Minificación de HTML, JS y CSS

Precios

• Plan gratuito para sitios web pequeños, impulsado por una insignia.
• Planes de pago para quitar la insignia y funciones adicionales.

3. WP Rocket

WP Rocket es el mejor complemento de caché de WordPress. Si no es NitroPack, use WP Rocket.

Ni siquiera tiene que configurar WP Rocket, instalarlo y su sitio web de WordPress es más rápido que antes. Es la forma más fácil de reducir el tiempo de carga de cualquier sitio web de WordPress, incluidos WooCommerce .

WP Rocket le permite precargar sus páginas usando un mapa del sitio.

Descubrimos que reduce en gran medida la tasa de rebote, ya que sirve sus páginas tan pronto como sus visitantes hacen clic en cualquier enlace interno.

Esto se llama precarga. WP Rocket muestra la página en segundo plano tan pronto como pasa el cursor sobre un enlace interno.

No tendrá que estudiar un curso completo para aprender a usar este complemento de almacenamiento en caché; a diferencia de la mayoría de los otros complementos. WP Rocket es bastante fácil de configurar y comenzar a usar.

Características

• Almacenamiento en caché de páginas
• Interfaz de usuario amigable
• Precargar caché
• Minificar CSS, HTML y Javascript
• Imagen de carga diferida
• Se requieren ajustes mínimos para mejorar la velocidad

Precios

• Empieza desde $ 49

Core Web Vitals: el futuro (2022 y más allá)

Por ahora, Google usa las mejores señales disponibles como Core Web Vitals, pero a medida que pasa el tiempo, se pueden reemplazar o agregar señales mejores y más precisas a los Core Web Vitals existentes.

LCP, FDI y CLS son tres Web Vitals considerados los más importantes. Por lo tanto, se denominan Core Web Vitals. Sin embargo, también hay otras señales, como compatibilidad con dispositivos móviles, navegación segura, HTTPS y anuncios intersticiales no intrusivos.

Estas señales pueden incluirse en Core Web Vitals en el futuro si se descubre que son mejores indicadores de la experiencia del usuario.

Google ha declarado que Core Web Vitals de su sitio web influirá en su clasificación, pero no está claro en qué medida. Pero está claro que al mejorar su Web Vitals, definitivamente mejorará la experiencia de los usuarios en su sitio.