Cómo optimizar los núcleos web vitales para WordPress (Guía final)

¿Le gustaría optimizar los elementos vitales básicos para WordPress? Core Web Vitals es una iniciativa de Google que ayuda a los propietarios de sitios web a mejorar la experiencia del usuario y la calidad de sus sitios web. Estas señales son cruciales para el éxito de cualquier sitio web. En esta guía, le mostraremos cómo optimizar fácilmente los vitales web de Google Core para WordPress sin habilidades técnicas especiales.

Aquí hay una presentación rápida de lo que cubriremos en esta guía.
¿Cuáles son los vitales web de Google Core?
Cómo probar su puntaje de Google Core Web Vitals
¿Por qué son la web web Web Vitals Web Web?
Cómo mejorar sus elementos web básicos vitales en WordPress (7 consejos)
¿Cuáles son los vitales web de Google Core? Google Core Web Vitals es un conjunto de valores sobre el rendimiento de los sitios web que Google considera importante en la experiencia general de un sitio web. Estos puntajes vitales en la web serán parte del puntaje general de Google Page Experience, que tendrá un impacto en su clasificación de SEO.
La verdad es que a nadie le gusta un sitio de carga lenta, incluido Google. Incluso si su sitio web se carga rápidamente, los usuarios pueden no ser completamente funcionales para hacer lo que quieren hacer o acceder a la información que necesitan. Esto es lo que Web Vitals te ayuda a medir. ¿Qué tan rápido se carga su sitio, se vuelve visible y está listo para sus usuarios?

Para esto, Google usa tres pruebas de calidad.
La pintura más grande contenida (LCP)
Primer retraso de entrada (FID)
Cambio de diseño acumulativo (CLS)
Ahora los nombres de estas pruebas pueden parecer demasiado técnicos, pero lo que hago es bastante fácil de entender.
Veamos cómo funciona cada prueba de vital web, que mide y cómo puede mejorar su puntaje. La pintura más grande contenida: la pintura o LCP más grande de LCP, que busca el contenido principal (ya sea una imagen, una artículo o una descripción) se convierte en visible para los usuarios. Por ejemplo, su sitio web se puede cargar rápidamente, pero es posible que el contenido más alto no aparezca en la pantalla tan rápido como el resto de la página. Otras herramientas de prueba de velocidad le darán una puntuación alta, pero desde el punto de vista del usuario, la página aún es lenta. Es por eso que Google mide LCP como parte de la puntuación vital web, por lo que los propietarios de sitios web pueden tener una comprensión más clara. El primer retraso de entrada (FID) First Inlay (FID) mide el tiempo requerido para un usuario para comenzar de manera efectiva el evento de procesamiento manejadores en respuesta a la interacción de un usuario. En inglés simple, suponga que un usuario está en la página de su formulario de contacto. Complete el formulario y haga clic en el botón Enviar. FID medirá qué tan rápido su sitio procesa esa interacción. Un ejemplo aún más fácil sería el momento en que un usuario hace clic en un enlace hasta que su navegador comience a procesar la próxima sucesión.
Cumulativo desplazamiento de diseño (CLS) El cambio de diseño acumulativo (CLS) mide el tiempo requerido para que un sitio web se vuelva visualmente estable. Como se carga un sitio web, algunos elementos requieren más tiempo para cargar que otros. Durante este tiempo, el contenido de su sitio web puede continuar moviéndose en la pantalla. Por ejemplo, si un usuario lee un párrafo en un dispositivo móvil y una carga de video construida sobre él, esto hace que todo el contenido se mueva hacia abajo. Esto puede ser muy frustrante si un usuario ha intentado llevar a cabo una acción, como agregar un producto en el carrito, si el botón se mueve debido a otros elementos que se mueven en la página. Video videotorial
Suscríbete a WPBeginner
Si prefiere instrucciones escritas, continúe leyendo. Cómo probar su puntaje de Google Core Web Vitals La forma más fácil de probar su puntaje de Google Core Web Vitals es usar la herramienta Page Speed ​​Insights. Simplemente ingrese la URL que desea probar y haga clic en el botón Análisis.
Los resultados vitales básicos se muestran en la sección titulada la sección “Datos de tierra”.
Para simplificar esto, verá un mensaje en la parte superior que dice “[…] Los datos en el campo muestran que esta página pasa por los vitales de la web central”.

En el gráfico a continuación, puede ver la puntuación real de los tres elementos vitales principales. Aquí está cuánto necesita registrarse para pasar las pruebas web básicas de vital para cada artículo.

La pintura más grande contenida (LCP) – 2.5 segundos
Primer retraso de entrada (FID) – Menos de 100 milisegundos
Desplazamiento acumulativo de diseño (CLS) – Menos de 0.1
¿Cómo ver Google Core Web Vitals para el sitio web completo? Ahora la herramienta Page Speed ​​Insights le permite verificar una página individual. Si la página que verifica es la raíz del nombre de dominio, también puede hacer clic en el “Resumen de origen de la pantalla”.
Esto le mostrará la partitura para todas las páginas transmitidas a partir de este origen. Sin embargo, para realmente profundizar, puede acceder a la relación central de vital web y en su consola de búsqueda de Google.
Esto le permite ver cuántas URL en su sitio web han pasado sus pruebas, qué URL debe mejorarse y qué páginas tienen una puntuación débil. Para obtener informes aún más detallados para Web Vitals, puede usar la prueba de velocidad lejana accediendo al instrumento de medición web.dev o utilizando la prueba Built -in en el navegador Google Chrome. Simplemente abra un sitio web en Chrome, haga clic en el derecho en cualquier lugar de la pantalla, luego seleccione la opción. En las pestañas, verá una opción llamada FAR.

Después de eso, haga clic en el botón Informe general. Nota: debe realizar la prueba de Chrome en modo de incógnito para obtener los resultados más precisos. De lo contrario, las extensiones de su navegador pueden tener un impacto negativo en la puntuación vital básica que le muestra. ¿Por qué son la web web Web Vitals Web Web? Los elementos vitales básicos son importantes porque reflejan el rendimiento de su sitio web para los usuarios. No se centra solo en la carga más rápida de un sitio web, sino lo más rápido posible los usuarios. Según un estudio reciente, un retraso de 1 segundo del tiempo de carga de la página puede conducir al 7% de las conversiones, con un 11% menos de visitas a la página y una disminución del 16% de la satisfacción del cliente. Por lo tanto, es crucial optimizar su sitio web para la velocidad y actuación. Sin embargo, la mayoría de las herramientas de medición de rendimiento no han importado la calidad de la experiencia del usuario. Un sitio web más rápido con una experiencia de usuario débil aún le cuesta conversiones, menos vistas de página y una mala satisfacción del cliente. Mejorar el núcleo web de Vitals te ayuda a solucionar esto. La experiencia del usuario también es un factor importante en las clasificaciones de SEO. Google ya ha anunciado que desde mayo de 2021, la actualización del algoritmo de búsqueda incluirá la experiencia de la página como uno de los factores de clasificación.

Dicho esto, veamos cómo puede mejorar fácilmente sus elementos vitales básicos para proporcionar una mejor experiencia de usuario en su sitio web.Cómo mejorar sus elementos web básicos vitales en WordPress (7 consejos) Mejorar el puntaje web vital en WordPress no es tan difícil.Usando algunos consejos esenciales de optimización de rendimiento, puede pasar fácilmente la puntuación web vital.Optimice su WordPress Hosting Su WordPress Hosting Company juega el papel más importante en el rendimiento de su sitio web.Son capaces de optimizar sus servidores de WordPress, lo que le da a su sitio una plataforma sólida para confiar.Recomendamos usar SiteGround para un sitio web de alto rendimiento.Estas son una de las empresas de alojamiento de WordPress recomendadas oficialmente y utilizamos el sitio web de SiteGround para el sitio web de WPBeginner.

Para darle a su sitio su impulso de rendimiento que necesita, SiteGround utiliza Google Cloud Platform para sus servidores, junto con Ulrarapid PHP. El complemento SG Optimizer es utilizado por más de un millón de sitios web. Realiza automáticamente mejoras de rendimiento adicionales y activa el caché incorporado, lo que hace todo lo que WP Rocket hace y más. Es importante tener en cuenta que el complemento SG Optimizer funciona solo en las cuentas de alojamiento del sitio, y estas optimizaciones de rendimiento están disponibles para todos los planes, incluida la más mínima opción. Si usa otro proveedor de alojamiento de WordPress, le recomendamos usar WP Rocket con algunas otras herramientas para obtener una mejor puntuación web vital. WP Rocket es el mejor complemento de caché de WordPress del mercado. Le permite configurar fácilmente el caché en su sitio web de WordPress sin entrar en detalles técnicos sobre la administración del servidor. 2. Mejorar el puntaje para el mayor contenido de pintura (LCP) Como se mencionó anteriormente, el contenido más grande de Paintf (LCP) es literalmente la mayor parte del contenido a la vista de una página. Por ejemplo, en una publicación de blog, esta podría ser la imagen presentada o el texto del artículo. Cuanto más rápido se cargue este contenido, mayor será su puntaje LCP. ¿Cómo sabe qué contenido se considera la prueba más grande? Bueno, debe desplazarse hacia abajo hasta los resultados de la prueba y expandir la pestaña “El elemento de pintura más grande”.

Verá los elementos tomados en cuenta para el puntaje LCP. Si se trata de una imagen más grande, puede intentar reemplazarla con una imagen más pequeña o una imagen de calidad y tamaño de archivo más pequeños. Vea nuestra guía sobre cómo optimizar las imágenes para el rendimiento web. Si es texto, puede intentar dividirlo en párrafos y títulos. 3. Mejorar el primer puntaje de retraso de entrada (FID) El primer puntaje de retraso de entrada mide el tiempo entre un usuario que hace clic en algo en su sitio web y sus navegadores comienzan a procesar elementos. El consejo más importante para mejorar es utilizar un mejor alojamiento web o incluso una plataforma de alojamiento de WordPress administrada. Otra manera fácil de mejorar la puntuación FID es el uso de un complemento de caché como WP Rocket. Viene con una función construida que le permite optimizar la entrega de archivos. Primero debe instalar y activar el complemento WP Rocket. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Después de eso, vaya a la página Configuración »WP Rocket y pase a la pestaña Optimización de archivos. Apresionar hacia la parte inferior de la página y marque la casilla junto a la opción” Cargar JavaScript retrasado “.
Recuerde hacer clic en Guardar los cambios para almacenar sus cambios. Esto mejora el primer puntaje de retraso de entrada (FID) para páginas en las que JavaScript puede ser la causa. 4. Mejora del desplazamiento acumulativo de puntaje de Scoretum (CLS) El puntaje de desplazamiento acumulativo de diseño (CLS) se ve afectado cuando diferentes elementos en una página web se cargan lentamente y hacen que otros elementos en la pantalla se muevan. Puede ver qué elementos afectan la puntuación CLS extendiendo los “Evitar los cambios de gran apariencia” de los resultados de la velocidad de la página de página. Esto le mostrará los elementos que causan el mayor impacto en la apariencia durante la carga de la página. Para asegurarse de que el aspecto visual de su página no cambie a medida que se cargan otros elementos, debe informar a los navegadores sobre los elementos de dimensiones (ancho y altura) como imágenes, incorporación de video, anuncios y muchos más. WordPress agrega automáticamente los atributos de altura y ancho a las imágenes que agrega. Sin embargo, puede continuar revisando todos los demás entornos, especialmente las incorporaciones, para garantizar que todos tengan atributos de altura y ancho. Una forma de hacerlo es usar la herramienta de inspección. Simplemente haga clic con la derecha en el navegador y seleccione Inspect para abrir la consola de desarrollador. Luego puede indicar y hacer clic en diferentes elementos de página para resaltar su código fuente. Allí, puede ver si el artículo ha definido los atributos de ancho y altura.

5. Retire los elementos de bloqueo de refuerzo Los elementos de la reacción son los elementos cargados más lentamente, pero que primero bloquean otros elementos. Esto afecta su puntaje general de vital web y su experiencia de usuario en su sitio web. Los resultados de Page Speed ​​Insights le mostrarán los elementos del bloqueo. Estos generalmente son archivos JavaScript o CSS agregados por sus complementos de WordPress, herramientas de terceros como Google Analytics, Facebook Pixel, Google Ads y muchos más. La mayoría de estos elementos se agregan programáticamente a su sitio de diferentes complementos o temas. Esto hace que sea más difícil para un usuario principiante eliminarlos o cargarlos correctamente. Tenemos una guía paso a paso sobre cómo eliminar fácilmente los elementos de reproducción de WordPress sin molestarlo con ningún código en su sitio web. 6. El tamaño correcto de las imágenes en WordPress Otra causa habitual de la puntuación web vital con un núcleo inferior son las imágenes muy grandes. Muchos usuarios de WordPress suben imágenes de alta resolución en sus sitios web, que duran más para la carga y, en la mayoría de los casos, no son necesarias.

Esto se vuelve aún más problemático para los usuarios en dispositivos móviles. Su receptivo WordPress y WordPress se ajustarán automáticamente la imagen en la pantalla móvil del usuario, pero continuarán cargando un archivo más grande. Tenemos una guía detallada sobre cómo optimizar correctamente las imágenes para su sitio de WordPress sin perder calidad o afectar el rendimiento. 7. Use un CDN al servidor para mejorar la puntuación web de CDN vital o la red de entrega de contenido son servicios de terceros que le permiten transmitir contenido estático de su sitio web desde múltiples servidores de todo el mundo. Esto permite a los usuarios descargar esos archivos estáticos como imágenes y CSS de servidores que están más cerca de ellos. También reduce la carga en su sitio web, que luego puede continuar cargando otros artículos. Puede usar una aplicación de nube de firewall, como jugos, que viene con un servicio CDN construido. Juice también lo ayuda a bloquear las solicitudes maliciosas y de spam, lo que le emite los recursos del sitio web. También puede usar CDN Free CloudFlare como alternativa. Viene con un servicio de protección básico de firewall y CDN que mejoraría la puntuación web vital de su sitio web. Esperamos que esta guía lo haya ayudado a aprender cómo optimizar los elementos vitales básicos para WordPress. Otro aspecto importante de una buena experiencia de usuario es la seguridad. Le recomendamos que siga nuestra lista de verificación de seguridad de WordPress para garantizar que el rendimiento de su sitio web no se vea afectado por los ataques de spam o DDoS.