Si recientemente se encontró con el mensaje Error en la evaluación de Core Web Vitals en Pagespeed Insights, su sitio no pasó la prueba de Core Web Vitals. En otras palabras, la puntuación de la prueba Core Web Vitals de su sitio web es demasiado baja.
En esta publicación, explicaré cómo puede mejorar la puntuación Web Vital básica de su sitio web. Al leer esta publicación hasta el final, obtendrá claridad sobre Core Web Vitals.
Se corrigió el error en la evaluación de WordPress Core Web Vitals
Ahora que sabe qué es la prueba Core Web Vitals, es hora de buscar formas prácticas de mejorar la puntuación de la prueba Core Web Vitals de su sitio web. Una vez realizado correctamente, no debería ver el mensaje Error en la evaluación de Core Web Vitals en Pagespeed Insights.
Utilice NitroPack para aprobar la evaluación Core Web Vitals.
nitropack es un servicio todo en uno de optimización del rendimiento de la velocidad para WordPress y tiene muchas funciones para cargar su sitio web rápidamente. Recientemente comencé a usar NitroPack para optimizar el rendimiento de mi sitio de WordPress y estoy impresionado con los resultados.
Una de las cosas que me gustan de NitroPack son los mecanismos avanzados de almacenamiento en caché, que han ayudado a mejorar la velocidad de mi sitio. La tasa de aciertos de la caché también es muy alta, por lo que el rendimiento de mi sitio mejoró aún más. Y la función de optimización de imágenes ayudó a reducir el tamaño de las imágenes y mejorar los tiempos de carga.
Pero la mejor parte de NitroPack es que me ayudó a aprobar la evaluación Core Web Vitals basada en datos de campo. Me había costado superar esta calificación en el pasado, pero después de usar NitroPack mi puntuación de Pagespeed mejoró significativamente y mi sitio funciona más rápido que nunca.
De hecho, según los últimos datos de httparchive, NitroPack está superando a competidores como WP Rocket y Cloudflare cuando se trata de superar la puntuación Core Web Vitals. Esto es impresionante y es un testimonio de la eficacia de NitroPack para optimizar el rendimiento de su sitio.
NitroPack también es fácil de configurar y el soporte rápido y de calidad significa que cualquier problema o pregunta se resuelve rápidamente. Además, los precios son transparentes y no hay descuentos, por lo que siempre sé exactamente lo que obtendré.
Si eres un blogger como yo y necesitas ayuda para mejorar la velocidad de tu sitio, prueba NitroPack. ¡Quedarás impresionado con los resultados!
Elija el alojamiento de WordPress más rápido para reducir TTTB
TTFB es un factor crucial para mejorar PCL. Puede probar el TTFB de su sitio web en 14 ubicaciones globales a través de Herramienta KeyCDN. Según Google, un TTFB inferior a 200 ms es bueno.
Incluso si el TTFB de su sitio web está cerca de 1000 ms, se puede optimizar. Sin embargo, si dura más de 1 segundo, deberías considerar elegir un hosting WP más rápido o quizás el mejor hosting TTFB, dependiendo de tu presupuesto.
Tenga la mejor configuración de caché de WordPress.
Lo mejor que puede hacer es implementar un excelente sistema de almacenamiento en caché. Si bien hay muchos complementos de almacenamiento en caché excelentes disponibles, WP Rocket es uno de los mejores complementos de almacenamiento en caché de WordPress.
Nota: Si usa NitroPack, no necesita el complemento WP Rocket.
Simplemente necesitará instalar el complemento desde la sección de complementos en su panel de WordPress. A continuación, puede acceder a la pestaña CACHE y debe asegurarse de que las siguientes opciones estén habilitadas:
- Habilitar el almacenamiento en caché para dispositivos móviles
- Archivos de caché separados para dispositivos móviles
Sin embargo, dado que hará esto en la CDN, no necesita habilitar Minify (HTML, CSS y JS) en la pestaña OPTIMIZACIÓN DE ARCHIVOS. Puede habilitar las siguientes opciones:
- Combina archivos de fuentes de Google
- Eliminar cadenas de consulta de recursos estáticos
A continuación, debe ir a la pestaña MEDIOS y habilitar algunas opciones. Se deben habilitar las siguientes opciones:
- Habilitar para imágenes
- Habilitar iframes y videos
- Reemplace el iframe de YouTube con la imagen de vista previa
- Desactivar emojis
La precarga de solicitudes DNS es una opción avanzada que debes aprovechar. El uso de esta función puede reducir la cantidad de solicitudes HTTP y mejorar el tiempo de carga de su sitio web al acelerar la carga de archivos externos.
Una vez que ingrese la URL de su sitio, el sitio web generará una lista de dominios que se pueden precargar desde el dominio. Puede copiar y pegar la lista de dominios en el campo Solicitudes de DNS de carga previa. A continuación, puede presionar el botón “GUARDAR CAMBIOS”.
Pruebe una CDN paga
Si bien puedes comenzar con una CDN gratuita como la de Cloudflare, es menos efectiva que la versión paga. Si consideramos la versión gratuita de Cloudflare, no incluye todas las ubicaciones POP disponibles en la versión paga.
Por lo tanto, si opta por Cloudflare gratuito, su sitio web tendrá problemas de latencia, ya que Cloudflare gratuito entrega contenido a ubicaciones PoP de la UE y EE. UU. Debes considerar la versión paga de Cloudflare, que cuesta $20 por mes.
Elimine los complementos no deseados de carga lenta
¿Sabías que los complementos pueden obstaculizar en gran medida los aspectos web principales de tu sitio web? Por lo tanto, siempre debes revisar tu panel de WordPress para detectar complementos no deseados instalados. Si un complemento no le resulta útil, debe desinstalarlo inmediatamente.
Además, algunos complementos se cargan lentamente y pueden obstaculizar significativamente el rendimiento de su sitio. Query Monitor es un complemento excelente para descubrir complementos que ralentizan su sitio de WordPress.
Una vez instalado y sabiendo qué complementos están obstaculizando el rendimiento de su sitio web de WordPress, puede desinstalarlos y encontrar mejores alternativas a estos complementos. De esta manera definitivamente mejorará los principales elementos web vitales de su sitio web.
Utilice un servicio CDN de imágenes.
Es difícil imaginar un sitio web sin imágenes. Si bien las imágenes son esenciales para hacer que los sitios web sean más interactivos, tienden a hacerlos pesados y dificultan su tiempo de carga. Aquí es donde entra en juego un servicio CDN de imágenes. Una CDN de imágenes puede resolver en gran medida este problema proporcionando imágenes adaptables basadas en los navegadores de los usuarios. Además, las CDN de imágenes también ayudan a cargar imágenes desde la ubicación CDN global solo en la ventana gráfica. Otra característica necesaria de Image CDN es la conversión automática a WebP.
Una CDN de imagen excelente es Compresión WPy la razón por la que recomiendo este CDN es que proporciona imágenes a través de Google CDN en todo el mundo. Otra buena CDN de imágenes es Optimole, que viene con una optimización de imágenes integral.
Eliminar JavaScript no deseado
Si desea mejorar el retraso de la primera entrada en su sitio web, debe trabajar para eliminar JavaScript no deseado de su sitio web de WordPress. Puede visitar su sitio desde el modo incógnito en el navegador Chrome y utilizar el elemento Inspeccionar.
Debe hacer clic en Inspeccionar elemento y navegar a la pestaña Red. A continuación, debe seleccionar JS y, una vez hecho esto, Chrome enumerará todo el JavaScript de la página junto con el tiempo que tarda en cargarse. Si ve que un script tarda demasiado en cargarse, considere eliminarlo.
No debería resultarle difícil descubrir el complemento asociado con el script. Puede eliminar el complemento y reemplazarlo por uno mejor. De esta manera, puede eliminar JavaScript no deseado para mejorar el retraso de la primera entrada.
Reducir la ejecución de JavaScript
Si usa un complemento como TablePress, y aunque pueda usarlo en una o dos publicaciones, WordPress cargará su JavaScript en cada página del sitio, aumentando innecesariamente el tiempo de carga. Por lo tanto, es fundamental garantizar que JS sólo se ejecute cuando sea necesario. Puede lograr esto utilizando el complemento de WordPress, PerfMatters. Sin embargo, es un complemento pago.
WP Asset Clean Up es una excelente alternativa gratuita que funciona de la misma manera que PerfMatters. Una vez que instale uno de estos complementos, verá un script administrado cada vez que cargue una página web en su sitio web. Debe hacer clic en Script Manager y ver la lista de todos los CSS/JS cargados en la página. Puedes transformar a aquellos que consideras no deseados. Sin duda, esto mejorará los principales aspectos web vitales de su sitio web de WordPress.
Utiliza minificación y compresión de JavaScript.
JavaScript juega un papel importante en el rendimiento del sitio web y en la puntuación de parámetros web vitales clave. Ya has visto algunas formas de manejar JavaScript. Otra cosa inteligente que puedes hacer con JavaScript en tu sitio web es minimizarlo y comprimirlo.
WP Rocket lo hace excepcionalmente simple y todo lo que necesita hacer es ir a la pestaña Archivos JavaScript y habilitar Minificar archivos JavaScript.
JavaScript difiere el análisis
Es hora de analizar una forma avanzada de manejar JavaScript para mejorar el rendimiento de su sitio web de WordPress, llamada Defer Parsing of JavaScript. Encontrará habilitar esta opción en el propio complemento WP Rocket. Para habilitar esta opción, deberá ir a la pestaña Optimización de archivos y habilitar las siguientes opciones:
- Cargar JavaScript diferido
- Modo seguro para jQuery (recomendado)
Optimización acumulativa de cambios de diseño.
Hay algunas cosas que puedes hacer para evitar cambios de diseño. Puede agregar dimensiones a anuncios, imágenes, incrustaciones e iframes. Además, debes intentar reducir la presencia de contenido dinámico.
Además, debe asegurarse de que las acciones esperen una respuesta de la red antes de actualizar el DOM. Aquí es donde entra en juego el complemento OMGF y hace un gran trabajo al optimizar Cumulative Layout Shift.
Preguntas frecuentes
¿Qué significa Error en la evaluación de Core Web Vitals en Pagespeed Insights?
Muchos propietarios de sitios web han visto recientemente el mensaje Error en la evaluación de Core Web Vitals en Pagespeed Insights, lo que significa que sus sitios web no pasaron la prueba de Core Web Vitals y es necesario mejorar el rendimiento de sus sitios.
¿Cómo puedo mejorar la puntuación Core Web Vital de mi sitio de WordPress?
Si la puntuación Web Vital principal de su sitio web es baja, no se preocupe; Puedes mejorarlo siguiendo algunos métodos efectivos. Aquí hay algunas formas de mejorar los elementos web vitales clave de su sitio de WordPress:
- Seleccione un servicio de hosting confiable y rápido
- Configure un potente sistema de almacenamiento en caché para su sitio web de WordPress
- Utilice una CDN paga como StackPath con múltiples ubicaciones PoP globales
- Elimine los complementos no deseados de carga lenta
- Utilice Image CDN para optimizar imágenes
- Eliminar JavaScript no deseado
- Utilice la minificación de JavaScript
- Utilice el análisis diferido de JavaScript
¿Qué es la prueba Core Web Vitals?
La prueba Core Web Vitals evalúa el rendimiento de un sitio web en función de datos de campo o del mundo real. Es un indicador esencial del rendimiento de un sitio web. Core Web Vitals consta de tres parámetros: pintura con contenido más grande (LCP), retraso de la primera entrada (FID) y cambio de diseño acumulativo (CLS).
La pintura con contenido más grande se produce cuando el elemento de contenido más importante se representa en la ventana gráfica desde que un usuario solicita la URL. El retraso de la primera entrada es el tiempo entre la primera interacción de un usuario con un sitio web y el momento en que el navegador responde a la interacción. El cambio de diseño acumulativo es el total de todas las puntuaciones de cambios de diseño individuales inesperados que ocurrieron durante la vida útil de la página. Cuando la puntuación es cero, significa que no hay movimiento.
En palabras cortas
La prueba Core Web Vitals es una de las pruebas más importantes para evaluar el rendimiento de su sitio. Si su sitio no pasa la prueba básica de Web Vital, se trata de un problema de rendimiento del sitio y deberá trabajar duro para mejorarlo. He explicado las diversas formas en que puedes hacer esto. Después de probar todos los métodos recomendados, notará una excelente mejora en la puntuación Core Web Vitals de su sitio de WordPress.
