Comprender los principales elementos web vitales: cómo monitorearlos y su impacto en su sitio web

Core Web Vitals es un conjunto de valores que Google utiliza para evaluar la calidad de su sitio. Optimizar su sitio para estos valores es absolutamente esencial. No solo optimiza estos valores para una buena puntuación ofrece a su sitio una experiencia de usuario sólida (UX), esa experiencia de usuario combinada con una carga rápida y una velocidad de alto rendimiento aumenta sus motores de búsqueda. Básicamente, para hacer el bien con las ideas de velocidad de la página de Google, Core Web Vitals debe estar en forma óptima. Comprender los principales elementos vitales de la web. Esto es lo que Google dice que son:
Web Vitals es una iniciativa de Google que ofrece señales de calidad unificadas, que son esenciales para proporcionar excelentes usuarios web. [. . .] Core Web Vitals son los subconjuntos de vitalios web que se aplican a todas las páginas web, deben ser medidos por todos los propietarios de sitios y se mostrarán en todas las herramientas de Google. Cada uno de los vitales web básicos representa una faceta distinta de la experiencia del usuario, es medible en el campo y refleja la experiencia en el mundo real de un resultado crítico centrado en el usuario. En un inglés más simple, Google ha creado un conjunto de valores que son cuantificables y medibles, lo que indica la experiencia real de su sitio, en lugar de una respuesta simulada en las mejores condiciones. Los reúnen en lo que llaman la experiencia de la página.
Lo más fundamental que necesita comprender sobre ellos es que si los usuarios encuentran que su sitio web es difícil de usar o frustrante, no importa lo bueno que el contenido de su Google no quiera que las personas se sientan frustradas. Core Web Vitals se refiere a poner a sus usuarios y experiencia en su sitio en primer lugar, no los detalles técnicos. ¿Cuáles son los elementos vitales básicos de la web? Core Web Vitals, que Google considera lo más importante, pueden cambiar con el tiempo. A medida que evoluciona la tecnología de Internet, las expectativas de los usuarios evolucionan. En este momento, las estadísticas sobre la velocidad de la página de Google y los datos web vitales consideran los siguientes valores. A continuación, encontrará una breve presentación de todos los valores que Google evalúa y hemos proporcionado enlaces a guías detalladas para obtener información y comprensión sobre la medición, optimizar su sitio y maximizar la puntuación para cada uno de ellos. Retrasar a la primera entrada
El primer retraso de entrada (FID) también se conoce como tiempo total de bloqueo y tiempo de mide en milisegundos entre la primera acción del usuario y el tiempo de respuesta del navegador. Es posible ver en una serie de análisis de velocidad un error que menciona “recursos de bloqueo de carrera”. Esto se refiere a eso. Si tiene un sitio web que cobra primero ciertos scripts, todo el sitio web bloqueará y detendrá la carga hasta que termine. Algunos elementos no se pueden cargar simultáneamente. Cuando esto sucede, hay un bloque para mostrar el nuevo contenido (bloquear el randil) y El más importante de los principales elementos web vitales y le da el 30% del peso total cuando determina la puntuación de la página para su sitio su primera pintura satisfactoria

La primera pintura contenta (FCP) es cuando se muestra el primer elemento DOM, que generalmente es una imagen o texto. Este valor no mide elementos en blanco (o inconsciente), como colores de fondo sólido o lienzo vacío. FCP es una medida bastante interesante porque no indica la velocidad general del sitio. Refleja la velocidad percibida del sitio desde la perspectiva del usuario. FCP mide el momento en que un usuario verá la primera parte de su sitio emergente. Cuando el usuario ve que cualquier contenido del sitio aparece rápidamente, su percepción indica un sitio que se carga rápidamente, incluso si el resto del sitio tarda un poco más en cargarse.
La pintura más grande llena de contenido

La pintura de contenido más grande (LCP) de un sitio es el tiempo requerido para que aparezca la sección más grande de la ventana de visualización. Idealmente, el contenido más grande aparecerá antes de que se cargue el resto de su sitio. Esto no solo indicará un FCP bajo, como discutimos anteriormente, sino que le dará al usuario algo con lo que lidiar, como otros scripts y medios de comunicación. Por lo general, una sección de héroe o una pieza considerable hará el LCP. Más que FCP, el valor de LCP es un mejor cuantificador en la experiencia de la página general para Google y debería ser uno de los elementos para centrarse en mejorar su sitio.
El cambio acumulativo de la apariencia (CLS) es una medida de cuánto se cambia el contenido del sitio web arriba/debajo de la página a medida que la página continúa cargándose. Si alguna vez ha visitado un sitio web y vio las imágenes y los botones que volcaban alrededor de la pantalla y no ha podido hacer clic en lo que pretende, este es CLS. Los elementos del sitio se mueven sin su entrada, sin desplazarse, sin hacer clic, sin cruzar. Las cosas se mueven por sí mismas. Y es un factor importante en la experiencia de la página para Google. Tener una interfaz cambiante constante es una de las cosas más frustrantes que puede sucederle a un usuario del sitio, causando clics incorrectos, posibles comandos incorrectos e incluso una simple frustración que lo lleva a abandonar el sitio.

Es hora del primer byte
El tiempo hasta el primer byte (TTFB) es un concepto increíblemente simple. Mide cuánto dura el navegador del usuario para obtener (no jugar) el primer byte de información del servidor. Eso es todo. Básicamente, TTFB es literalmente el momento en que el navegador del usuario escucha que el servidor dice “bueno”. TTFB mide literalmente cualquier información que el navegador reciba, visible o no. Satisfecho o no. Aunque no se considera uno de los elementos web básicos vitales con la más alta prioridad, debe prestar atención porque un TTFB bajo indica una respuesta rápida del servidor, que puede estar directamente relacionada con la velocidad de carga general de la página e interactividad. ¿Cuáles son los elementos web vitales de alta prioridad? Los engranajes

El índice de velocidad es una medida dependiente del usuario relativo, que mide el tiempo para jugar todo el contenido por encima del pliegue. Piense en el índice de velocidad como la visión rápida del rendimiento general y el UX de su sitio. Aunque no entra en detalles, una puntuación verde/naranja/roja de Google Speed ​​Insights es una especie de calificación buena/buena/mala. Dado que Google pesa diferentes valores web vitales centrales de manera diferente (como discutimos a continuación), tener una puntuación alta en algunos y mal en otros puede no traducirse en una gran experiencia de página en Google Eyes.
¿Cuál es el vital de la web de núcleo métrico más importante? Bueno, eso está arriba. Todos los elementos vitales básicos de la web no son iguales, pero en qué valor cambia con el tiempo. Google Lighthouse Software ofrece un promedio ponderado para Core Web Vitals, y los puntajes que componen que podrían cambiar a medida que evoluciona el faro. Algunos de los valores tienen un mayor impacto en UX que otros en diferentes momentos. Al momento de escribir este artículo, Lighthouse está en la versión 8. Puede ver su puntaje de rendimiento en la imagen de arriba o en el texto a continuación, al descender. ordenar:

Tiempo total de bloqueo (30%)

El contenido más grande lleno de contenido (25%)

Cambio de apariencia acumulativo (15%)
Primera pintura satisfactoria (10%)

Índice de velocidad (10%)
Tiempo para interactivo (10%)
Por lo tanto, para obtener la mejor puntuación en este momento, puede concentrarse en reducir los recursos de bloqueo de reproducción y garantizar una carga rápida para el mayor contenido sobre la página. Esto contará más para su puntaje de vital web central que los otros valores combinados. Que luego aumenta la clasificación general de la página. No siempre será el caso, y esos pesos cambiarán, pero al momento de escribir este artículo, TBT/FID y LCP son los vitales de la Web Core más importantes, y los CL se acercan al tercero. Takeways en un inglés más simple puede parecer muy técnico, pero el concepto realmente no lo es. La experiencia de la página con Core Web Vitals está equilibrado en tres pilares:
La estabilidad del sitio
Reacción y receptividad
Velocidad y rendimiento
O en un inglés aún más simple:
El sitio se mueve y reposiciona los elementos a medida que cobran? ¿Qué tan rápido puede el usuario interactuar con el sitio?
¿Qué tan rápido puede el usuario ver cosas útiles?
Estas preguntas (independientemente de sus respuestas) pueden tratarse abordando la apariencia acumulativa, retrasando la primera introducción y la pintura de contenido más grande. ¿Qué no son Core Web Vitals? Como dije anteriormente, la idea básica es que Google puede rastrear la experiencia del usuario en el mundo real. Lo que en realidad significa es que los desarrolladores web y los propietarios de sitios deben cambiar su mentalidad de los aspectos más simples y técnicos. Google podría penalizarlo en información sobre la velocidad de la página porque no tiene estos. Pero no te recompensarán solo porque los tuviste como lo habían hecho hace años. Estos valores esenciales no incluyen las viejas formas de esperar la facilidad y la receptividad de los muebles. En este punto, Google cree que su sitio es amigable con los dispositivos móviles y receptivos. Es importante, pero ya no está en la parte superior de la lista como lo fue una vez. Lo mismo es cierto para SSL y para asegurarse de que su sitio se esté ejecutando en HTTPS. Con la omnipresencia de certificados SSL gratuitos a través de hosts y servicios como Let ‘
S CIRRY, que ya no vale la pena resaltar un sitio seguro. Es el estado predeterminado de los sitios web. Google ya no estimula las páginas solo para estar seguras. Google solía darle una bonificación porque no tiene una ventana emergente intersticial. Estas son las opciones de correo electrónico de pantalla completa que se cargan inmediatamente cuando un usuario llega a su sitio pero, con el paso del tiempo, la compañía no lo recompensa porque no tiene ventanas emergentes desagradables. Te golpearán sobre tu muñeca porque pierdes el tiempo de tus usuarios. Y esto debería ser, por supuesto, pero no será estimulado porque tiene una experiencia de navegación segura en su sitio (es decir, sin malware). En muchos sentidos, esta es la barra más baja que se puede establecer para que se cumpla un sitio. No hay recompensa porque no lastimas a tus usuarios, pero hay una penalización. Cómo medir los valores web básicos vitales porque Google ha dado tal prioridad a la experiencia del usuario y que tiene vitales web básicos optimizados, tiene una serie de herramientas que puede usar para medir su sitio y dónde está. Lighthouse es el básico Software que mide los elementos web vitales. Está integrado en otras herramientas, pero también puede ejecutar una auditoría del faro directamente para obtener la información más posible. Sin embargo, es la más técnica de todas las herramientas disponibles.
El instrumento de Google Page Speed ​​Insights es probablemente el más conocido por su medición porque incorpora el faro en una interfaz de uso mucho más agradable. Le brinda una imagen completa de la forma en que Google ve su sitio web, pero también sugerimos usar otras herramientas para evaluar las cosas. Page Speed ​​Insights es conocido porque es excepcionalmente difícil incluso en los sitios más rápidos y mejor diseñados. La consola de búsqueda de Google es otro tipo de contador único para medir los valores web vitales. Obtenga un informe de página sobre el contenido individual y las URL para mejorar y que es esencial que falta (o no).
Los instrumentos GT Manux y Pingdom son pruebas de velocidad y rendimiento de terceros, lo que puede darle una perspectiva sobre su web principal vital. Debido a que no vienen directamente de Google, como los demás que mencionamos, puede ver más datos del mundo real y cómo los usuarios de diferentes ubicaciones y que usan diferentes tecnologías verán su sitio.