En primer lugar, hablemos de lo que Google Core Web Vitals son. Son una serie de métricas diferentes que Google usa para evaluar su sitio. Incluyen parámetros como la velocidad de la página, cuán interactiva es la página, UX/UI, distrayendo imágenes u otros elementos, y cuánto cambia el diseño al desplazarse hacia abajo en la página.
Estas métricas están diseñadas para facilitar que los creadores de sitios web mejoren sus sitios y las facilitaran más. Entonces, ¿cuáles son las métricas?
Tabla de contenido
- Métricas que Google usa para medir vitales web centrales
- Por qué importan Google Core Web Vitals
- Cómo probar su Core Web Vitals actual
- Cómo mejorar su puntaje vital web
- Mejore su puntaje de pintura contento más grande (LCP)
- Cómo mejorar su primer puntaje de retraso de entrada (FID)
- Cómo mejorar su puntaje de desplazamiento acumulativo de diseño (CLS)
- Bonificación: acelere su sitio de Elementor WordPress con Elementor Speed Optimizer para mantenerse al día con Core Web Vitals
- Conclusión
Métricas que Google usa para medir vitales web centrales
Google usa tres métricas para determinar su puntaje vital web: LCP, FID y CLS. Cada uno mide un aspecto diferente de su sitio. Si bien estos términos pueden parecer un poco técnicos, en realidad son bastante sencillos. Bueno, para comprender cómo Google mide Core Web Vitals, veamos cada uno:
LCP
LCP significa un punto contento más grande. Esto esencialmente solo mide el tiempo de carga inicial de una página web. Específicamente, mide el Velocidad de carga percibida del "Contenido principal". El contenido principal se refiere a la imagen o bloque de texto más grande visible en la página cuando comienza a cargarse, y no toda la página.
Esto es importante entender, ya que no mide el contenido que es no En vista, cuando la página se carga, por ejemplo, el texto de un artículo que solo es visible después de desplazarse hacia abajo. Solo mide la parte inmediatamente visible de la página.
DEFENSOR
DEFENSOR significa el primer retraso de entrada. Esta métrica es un poco más matizada, pero básicamente solo se refiere a la interactividad y la capacidad de respuesta UX. Una puntuación FID más baja (mejor) significa que su página responde y reacciona rápidamente a cualquier interacción del usuario. Por ejemplo, cuando presionan un botón o hacen clic en un enlace, FID mide la hora desde el acción del usuario hacia Proceso de inicio.
Su sitio web debería hacer que sea muy fácil para el navegador del usuario comenzar a procesar la acción. Si un usuario hace clic en un botón, pero la acción tarda unos segundos en comenzar, su puntaje FID será peor, ya que esto tiene un efecto negativo en la experiencia del usuario.
CLS
Finalmente, CLS representa el cambio de diseño acumulativo. Esto rastrea cuánto cambia el diseño después La página se ha cargado completamente. Esto generalmente es causado por una de dos cosas:
- Elementos como imágenes se cargan una cantidad significativa de tiempo después de que la página misma se carga (generalmente asincrónicamente)
- El usuario hace clic en un botón o realiza otra acción, lo que hace que el diseño original cambie de manera confusa.
Por qué importan Google Core Web Vitals
Ahora sabemos cuáles son Google Web Web Vitals o Core Web Vitals. ¿Pero por qué importan? ¿Y cómo afectan su sitio web y los resultados de búsqueda de Google?
Efecto importante sobre el SEO
El mayor impacto de su puntaje web vital es en la optimización de motores de búsqueda o SEO. Para evaluar su sitio web, Google usa vital web, junto con otras métricas como la atención móvil, el SSL, las ventanas emergentes (o la falta de ellos) y la calidad del contenido.
Como tal, asegurarse de que los puntajes de su web vital sean buenos si desea mejorar su SEO y parecer más alto en los resultados de búsqueda.
Ventas perdidas
Si ejecuta un sitio web de comercio electrónico, también querrá mejorar su web vital. Los sitios web que se cargan lentamente, tienen botones lentos y elementos UX, y tienen cambios de diseño frecuentes asustarán a los clientes potenciales. Un sitio lento parece menos confiable y hace que los clientes duden en ingresar información de pago.
Cómo probar su Core Web Vitals actual
Ahora pasemos a su sitio web y hablemos sobre cómo probar sus propios puntajes vitales. Dependiendo de sus habilidades técnicas, hay una variedad de formas diferentes de hacerlo. Sin embargo, la forma más fácil de verificarlos es a través de Google Page Insights, por lo que principalmente nos centraremos en eso.
Tenga en cuenta que es normal que haya ligeras diferencias entre cada herramienta, así que no se preocupe si los números son diferentes. Del mismo modo, los resultados de escritorio y pruebas móviles variarán.
Google PageSpeed Insights
Google ofrece una herramienta para analizar la web vital para usted. Se llama PagesPeed Insights Y le dará un montón de datos sobre su sitio.
Para ejecutar una prueba, simplemente escriba la URL de su sitio web en la barra y presione Analizar. Una vez que se complete la prueba, verá los resultados. El primer elemento cubre Core Web Vitals.
Si los puntajes no son satisfactorios, la barra será roja. También puedes hacer clic Expandir la vista Para ver más detalles. También debe cambiar la configuración al escritorio para asegurarse de que sus puntajes también sean lo suficientemente buenos allí.
Ahora cubramos brevemente algunas otras opciones para probar sus puntajes vitales o ver dónde se encuentra de acuerdo con Core Web Vitals de Google.
Consola de búsqueda de Google
El Consola de búsqueda de Google Es una herramienta que puede configurar con su sitio web para obtener comentarios y consejos para mejorar el rendimiento de los resultados de la búsqueda de Google. A diferencia de PageSpeed Insights, requiere que verifique que sea dueño del dominio agregando un registro TXT a su confirmación de DNS.
Una vez que haga esto, puede iniciar sesión en el panel de administración de la consola de búsqueda de Google y luego encontrar la pestaña Core Web Vitals en la barra lateral izquierda.
La extensión de la web vital
Si usa el navegador Google Chrome, ahora hay una extensión que puede instalar para verificar sus puntajes vitales en el navegador. Se llama Vitalidad de la web Y puede descargarlo desde la tienda web de Chrome.
Una vez que instale la extensión, simplemente navegue a la URL de su sitio web, haga clic en el botón Extensiones en la barra de navegación superior y luego en la extensión de la Web Vitals. Después de un momento, verá los resultados de la Web vital:
Chrome Devtools y faro
Otra opción para los usuarios de Chrome es el Devtools Suite de herramientas de desarrollo web, que está integrado en el navegador en sí. Una de estas herramientas se llama Lighthouse y le permite verificar las puntuaciones de Web Vitals.
Para abrir Lighthouse, navegue a su sitio web y luego haga clic con el botón derecho en la página. Seleccionar Inspeccionar y luego elige el Faro Pestaña en la parte superior:
Una vez allí, haga clic Generar informe y espere un momento para que se cree el informe. Este informe incluye puntajes de accesibilidad, SEO, rendimiento y otras métricas.
Cómo mejorar su puntaje vital web
Por lo tanto, ha ejecutado las pruebas anteriores y vea la necesidad de mejorar. ¡Hablemos de arreglar sus puntajes!
No importa qué método usó anteriormente, debería si hay problemas. Algunos de los métodos de prueba (PageSpeed Insights, por ejemplo) le brindan una lista de mejoras directamente en los resultados de la prueba. Pero también hay otras acciones que puede tomar para mejorar sus puntajes.
Dado que cada una de las tres métricas es para diferentes aspectos de su sitio, tiene sentido organizar las soluciones por separado. Para la mayoría de los sitios web, es poco probable que tenga un problema con LCP, FID y CLS al mismo tiempo.
Mejore su puntaje de pintura contento más grande (LCP)
Comencemos con el puntaje LCP. Como se mencionó anteriormente, esta puntuación mide el tiempo de carga inicial del contenido principal en una página.
Qué puntaje ideal es
¿Cuál es un puntaje LCP ideal? Según el Guía oficial de Google, Debe tener un LCP de 2.5 segundos o menos. En general, cuanto más rápido se cargue su sitio, mejor, así que apunte a hacer que este número sea lo más bajo posible.
Si su puntaje LCP es de 2.5 segundos o más, ¿qué debe hacer? Discutamos algunas soluciones.
Usa un mejor host
Quizás la solución más fácil es actualizar su host. Los anfitriones de mayor calidad (como Convesio) mejorarán su puntaje LCP sin que necesite hacer mucho usted mismo. La mejora será especialmente notable si actualmente está utilizando un plan de alojamiento compartido o un alojamiento de nubes de un solo nivel.
Convesio está construido con velocidad, escalabilidad y seguridad en mente. Basado en los servidores de Compute de Google de alto rendimiento que ejecutan entornos contenedores y en ejecución de CloudFlare Enterprise para la velocidad y la seguridad, puede estar seguro de que su sitio web de alto tráfico tendrá tiempos de carga de página estables.
Almacenamiento en caché de la página
La mayoría de los hosts implementarán sus propias soluciones de almacenamiento en caché, pero también puede usar un complemento de almacenamiento en caché de páginas como WP Rocket o WP Super Cache. Estos complementos disminuirán la cantidad de tiempo que tarda en cargarse su sitio.
Eliminar JS y CSS no utilizado & Eliminar o cambiar el tamaño de imágenes grandes
Los archivos JavaScript y CSS son a menudo algunos de los archivos más grandes, por lo que definitivamente vale la pena minimizarlos. Hay bastantes formas diferentes de hacer esto, que van desde un complemento como WP Super Minify hasta una solución más manual como Uglifyjs.
Del mismo modo, es posible que desee considerar simplemente eliminar completamente el código innecesario de JavaScript y CSS. La mayoría de los sitios web tienen un poco de código antiguo y no utilizado, por lo que vale la pena echar un vistazo y ver si puede eliminar algo.
Las imágenes suelen ser los archivos más grandes en un sitio web, especialmente si no están optimizados y comprimidos tanto como sea posible. También es común cargar imágenes que son innecesariamente amplias.
Si puede eliminar imágenes sin afectar la calidad de su contenido, lo recomendamos. Si no, intente hacer que sus imágenes solo sean lo suficientemente amplias según sea necesario. Para la mayoría de los dispositivos, esto significa 2500px de ancho como máximo. Cualquier cosa más grande que esto suele ser innecesaria y es más probable que tenga un impacto negativo en los vitales de la Web Core.
Use una red de entrega de contenido (CDN)
Una red de entrega de contenido o CDN es una red distribuida de servidores que ayudan a cargar su sitio web más rápido en función de la ubicación del visitante. Por ejemplo, si un visitante está en Europa, un CDN cargará su sitio desde un servidor cercano y no de América del Norte, Asia o donde sea que esté su hogar.
Desinstalar complementos y temas no utilizados
Finalmente, siempre es una buena idea eliminar complementos y temas no utilizados. Recomendamos periódicamente pasar por sus temas y complementos instalados y eliminar cualquiera que no haya usado en mucho tiempo.
Cómo mejorar su primer puntaje de retraso de entrada (FID)
Ahora veamos a Fid. Si recuerda en la sección anterior, FID se preocupa por la interactividad y el retraso entre cuándo Se toma una acción y El proceso comienza. Por ejemplo, haga clic en un botón y luego se realiza una acción.
Qué puntaje ideal es
Un buen puntaje FID debe ser de 100 milisegundos o menos, según Sitio web Web.dev de Google.
Entonces, si su puntaje es superior a 100 milisegundos, ¿qué puede hacer para reducirlo? En su mayor parte, FID está relacionado con el código JavaScript, ya que JS se usa en la mayoría de los elementos interactivos.
Como tal, la mejor manera de mejorar su puntaje FID es optimizar su código JavaScript y eliminar cualquier cosa que no esté usando. También debe tener un tema frontal más ligero y menos pesado:
- Use Async para cargar JavaScript o diferirlo.
- Consulte el personalizador WordPress para ver si ha insertado algún código de JavaScript innecesario.
- Su tema también puede tener una sección separada para agregar JS. Compruébelo para asegurarse de que el código todavía esté en uso.
- Reducir las dependencias, si es posible. Cuantas más dependencias tenga su código, más necesitará cargar.
- Minifique su JavaScript usando un complemento como WP Super Minify o directamente usando UglifyJS.
Cómo mejorar su puntaje de desplazamiento acumulativo de diseño (CLS)
Finalmente, veamos CLS, que mide cuánto cambia el diseño.
Qué puntaje ideal es
Si miramos el sitio oficial web.dev por Google, se define un buen puntaje como 0.1 o menos. Este número se calcula de una manera bastante compleja, pero esencialmente se reduce a calcular el movimiento de elementos inestables.
Si su puntaje CLS es superior a 0.1, ¿qué puede hacer para mejorarlo? Principalmente solo necesita especificar ciertas dimensiones para cualquier elemento "flexible". Es decir, si el tamaño o forma del elemento se basa en el tamaño de la pantalla del usuario o en una acción, como hacer clic en un botón.
- Imágenes. Primero, debe hacer dimensiones específicas para todas las imágenes en su sitio. Esto significa que no debe tener una imagen enorme (5000px o más) que cambia drásticamente el diseño del sitio en función del dispositivo.
- Anuncios dinámicos. Si tiene espacios de anuncios dinámicos en su sitio, asegúrese de establecer un ancho y altura específicos para la ventana de visualización. Esto es especialmente importante ya que de otro modo generalmente no tiene control sobre el tamaño y la forma de los anuncios que se muestran.
- Incrustaciones e iframes. Finalmente, asegúrese de que cualquier elemento integrado (por ejemplo, videos de YouTube) tenga un conjunto de dimensiones específicas.
Otros consejos y trucos
Finalmente, aquí también hay algunos otros consejos que probablemente mejorarán sus puntajes. Aunque no es probable que mejore drásticamente su web vital al hacer estos, es una buena idea. Estos podrían presionar un poco para cumplir con las métricas de Google Core Web Vitals.
Use complementos y temas livianos optimizados
Desafortunadamente, muchos temas y complementos WordPress se pueden hinchar con un código innecesario o mal escrito, características extrañas y otros elementos. Estos hacen que su sitio sea más lento y, a veces, pueden interferir con el navegador. Esto da como resultado puntajes vitales web más bajos.
Mantenga complementos y temas actualizados
Siempre es una buena idea mantener temas y complementos actualizados a la última versión. Esto generalmente se recomienda por razones de seguridad, pero también debe tenerse en cuenta que las actualizaciones también (normalmente) hacen que el complemento sea más eficiente. ¡A medida que los desarrolladores mejoren, esto también mejorará sus puntajes vitales web!
Bonificación: acelere su sitio de Elementor WordPress con Elementor Speed Optimizer para mantenerse al día con Core Web Vitals
Elementor es uno de los pioneros de los constructores de páginas en la industria WordPress . Ofrece algunos de los widgets y características más sorprendentes para crear un sitio web profesional en poco tiempo. Con sus características sorprendentes, la gente se vuelve loca y usa una gran cantidad de widgets y características para crear sus sitios web.
Y, por último, terminan con un sitio web que es lento y no se carga a tiempo. Es por eso que necesitan un complemento que acelere sus sitios WordPress .
El complemento Speed Optimizer tiene muchas características interesantes que lo convierten en uno de los mejores complementos de refuerzo de velocidad. La característica incluye,
Modo de lista negra
Puede bloquear las páginas o publicaciones específicas de la carga de los activos de Elementor. Active el complemento y encontrará opciones para ver cada página y publicar en su sitio para bloquear sus activos adicionales para la carga. También puede limitar hasta 20 elementos en la versión gratuita (10 para páginas y publicaciones cada uno).
WooCommerce Booster
Cada segundo en su tienda WooCommerce puede decidir entre ganar o perder una venta potencial. Por lo tanto, debe asegurarse de estar listo con las herramientas adecuadas de optimización de velocidad de WooCommerce. A diferencia de otros complementos de caché WordPress , un solo clic del complemento bloqueará todo innecesario Los activos de elemento se cargan en su tienda WooCommerce.
Soporte de complementos premium Elementer
Además del Elementor Page Builder, este complemento admite los complementos de elementor más populares. Esta lista incluye
- Elementskit para Elementor
- Complementos esenciales para elementor:
- Complementos premium para elementor
- Complementos felices para elementor.
- Complementos de paquete de potencia para elementor
Restricción de un solo clic
Puede bloquear todas las páginas/publicaciones que cargan activos innecesarios (cachés, archivos o consultas) con un solo clic dentro del modo de lista negra. ¡Bienvenido al futuro de la optimización WordPress !
Puntaje de SEO mejorado
Con la optimización adecuada de la velocidad de la página de Google a través del complemento, su clasificación orgánica mejorará significativamente, ya que su sitio web se cargará más rápido. Además, su sitio será más amigable para los dispositivos móviles. Como resultado, las métricas de la web de Google Core Vitals, como la pintura contenta más grande (LCP), el tiempo de bloqueo total (TBT) y el cambio de diseño acumulativo (CLS) se mejorarán.
Puntajes de rendimiento mejorados
Puede ver fácilmente la diferencia en el tiempo de carga de su página probando su URL en línea. Hay muchos recursos en línea confiables en los que puede hacerlo, incluido Gtmetrix y la herramienta de velocidad de la página de Google.
Conclusión
En esta publicación, cubrimos todo lo que necesitará saber sobre Google Core Web Vitals. Primero, hablamos sobre las tres métricas que Google usa (LCP, FID y CLS) y cómo averiguar sus propios puntajes. Luego, caminamos a través de una variedad de soluciones diferentes para mejorarlas, la mayoría de las cuales afortunadamente son bastante simples.