Google Core Web Vitals: todo lo que necesita saber

Google siempre ha valorado las necesidades de sus usuarios. Siempre han trabajado para una mejor experiencia del usuario, desde el relleno de palabras clave hasta la introducción de la velocidad de carga del sitio web, una consideración de clasificación para la clasificación móvil primero. Otro paso en ese enfoque es Core Web Vitals.

¿Qué son los principales web vitals?

Google usa una combinación de métricas significativas para clasificar las páginas, y Core Web Vitals es una. Analizan la usabilidad del sitio, la velocidad de carga, la estabilidad visual y la relevancia de la información. Cuando los usuarios realizan búsquedas en Internet, Google Core Web Vitals se esfuerza por garantizar que el usuario reciba los mejores y más relevantes resultados.

Las métricas de Web Vitals se dividen en dos partes: Core Web Vitals y no Core Web Vitals.

Los Core Web Vitals son:

• Pintura con contenido más grande (LCP)
• Primera demora de entrada (FID)
• Cambio de diseño acumulativo (CLS)

Y los que no son Core Web Vitals son:

• Tiempo total de bloqueo (TBT)
• Primera pintura con contenido (FCP)
• Índice de velocidad (SI)
• Tiempo para Interactivo (TTI)

Pero, antes de repasar todos los Web Vitals, hablemos de por qué son tan importantes.

¿Por qué son importantes los Core Web Vitals?

La importancia de Core Web Vitals es que reflejan el rendimiento de su sitio web para los usuarios. Tiene que ver con la velocidad con la que se carga un sitio web y la rapidez con la que los visitantes pueden conectarse.

Según una investigación reciente, un retraso de 1 segundo en el tiempo de carga de la página puede resultar en una caída del 7 % en las conversiones, una caída del 11 % en las visitas a la página y una caída del 16 % en la satisfacción del cliente.

Como resultado, es fundamental acelerar y mejorar el rendimiento de su sitio web. Por otro lado, la mayoría de los métodos de medición del desempeño no consideraron la calidad de la experiencia del usuario.

Las conversiones, las páginas vistas y la satisfacción del cliente se ven afectadas por un sitio web más rápido con una mala experiencia de usuario. Mejorar Core Web Vitals puede ayudarlo a resolver este problema.

En las clasificaciones de SEO, la experiencia del usuario también es un factor importante. Google dijo anteriormente que a partir de mayo de 2021, la experiencia de la página será uno de los factores de clasificación en la actualización del algoritmo de búsqueda.

Los tres componentes de Core Web Vitals de Google

Ahora, echemos un vistazo a cada uno de los tres componentes de Google Core Web Vitals:

Pintura con contenido grande (LCP)

La pintura con contenido más grande es una métrica central de Web Vitals que mide el tiempo que tarda una página en cargarse. Calcula el tiempo que se tarda en representar el elemento de contenido más grande dentro del área visible de un usuario. No mide toda la página.

¿Qué es una buena puntuación LCP?

Según Google, su sitio debe tener un LCP de 2,5 segundos o menos para brindar la mejor experiencia de usuario.

LCP se califica en una escala de "bueno" a "pobre", al igual que las otras métricas de Core Web Vitals:

• Bueno: cualquier LCP de menos de 2,5 segundos se considera bueno.
• Necesita mejorar: Las puntuaciones entre 2,5 y 4,0 segundos necesitan mejorar.
• Deficiente: el LCP de más de 4,0 segundos es deficiente y, como resultado, los usuarios tienen una experiencia terrible cuando visitan su sitio web.

¿Por qué es importante la pintura con contenido más grande (LCP)?

Se supone que este elemento es lo primero que ve una persona cuando visita una página. LCP impacta dramáticamente la experiencia del usuario, ya que una buena puntuación hará que el usuario piense que el sitio se carga más rápido, pero una mala puntuación lo frustrará. También se ha establecido que este puntaje afectará las clasificaciones de SEO en el futuro.

¿Qué podría estar causando una puntuación LCP deficiente?

Los siguientes son los motivos de la mala puntuación de LCP:

• Tiempo de respuesta lento.
• CSS de bloqueo de procesamiento.
• Procesamiento de bloqueo de Javascript.
• Representación del lado del cliente.
• Archivos CSS y JS no optimizados y sin limpiar.
• Fuentes no visibles durante la carga de la página.
• Imágenes no optimizadas.
• Orden de carga de recursos no optimizado.

¿Cómo mejorar su puntaje LCP?

Las siguientes son las formas de mejorar su puntaje LCP:

• Elimine los scripts de terceros innecesarios.
• Minifica tu CSS.
• Configure la carga diferida de imágenes.
• Actualice a un servidor web más rápido.
• Instalar un CDN.
• Caché de activos.
• Elimine los elementos de página grandes que tardan más en cargarse.
• Siga los consejos de Google para su URL específica.

Primera demora de entrada (FID)

First Input Delay es el tiempo que transcurre entre el momento en que un usuario interactúa por primera vez con un sitio web (es decir, hace clic en un enlace, toca un botón o usa un control personalizado con JavaScript) y el momento en que el navegador puede comenzar a procesar los controladores de eventos en respuesta a esa interacción.

¿Qué es una buena puntuación FID?

Los usuarios perciben un tiempo de reacción de 100 ms o menos como instantáneo. Esto indica que una agencia técnica de SEO debe intentar un retraso de la primera entrada de menos de 0,1 segundos para todas las páginas web.

FID se califica en una escala de "bueno" a "pobre", al igual que las otras métricas de Core Web Vitals:

• Bueno: cualquier FID de menos de 100 ms se considera bueno.
• Necesita mejorar: Las puntuaciones entre 100 y 300 ms necesitan mejorar.
• Pobre: ​​FID por encima de 300ms es pobre.

¿Por qué es importante el retardo de la primera entrada (FID)?

Si un usuario busca interactuar con un sitio web y no responde rápidamente, es probable que se sienta insatisfecho. Es fundamental reducir las molestias para mejorar la experiencia del sitio web. En una futura actualización del algoritmo SEO de la experiencia de la página, esta medida influirá directamente en el ranking SEO.

¿Qué podría estar causando un puntaje FID bajo?

Las causas más comunes de un FID deficiente son:

• Tareas largas donde un navegador debe pausar.
• Larga ejecución de Javascript.
• Paquetes pesados ​​​​de Javascript.
• Javascript de bloqueo de procesamiento.

¿Cómo mejorar su puntaje FID?

Las siguientes son las formas comunes de mejorar su puntaje FID:

• Optimice el orden de carga de recursos.
• Optimice el tiempo de ejecución de Javascript.
• Reduzca la cantidad de Javascript de terceros.
• Aplazar los activos de Javascript no críticos para su ejecución.
• Mejorar el tiempo de respuesta del servidor.
• Disminuya el número y el tamaño de la solicitud de activos.
• Utilice la representación del lado del servidor junto con la memoria caché del lado del servidor.
• Divida el código y use CSS crítico para la sección superior de la página web.
• Minimice el trabajo de procesamiento del subproceso principal del navegador.
• Utilice Web-workers junto con Service-worker.

Cambio de diseño acumulativo (CLS)

El cambio de diseño acumulativo se refiere al movimiento repentino de los componentes de la página web mientras la página aún se está descargando. Fuentes, imágenes, videos, formularios de contacto, botones y otros tipos de contenido son ejemplos de elementos que inducen el cambio.

Debe mantener el CLS al mínimo porque cambiar de página puede provocar una mala experiencia de usuario.

¿Qué es una buena puntuación CLS?

Los puntajes de CLS comienzan en 0 para páginas web totalmente estáticas y crecen a medida que cambia el diseño de la página.

Su diseño es más estable si tiene una puntuación más baja. Las herramientas de rendimiento de Google utilizan las siguientes puntuaciones CLS oficiales:

• Bueno: Cualquier CLS por debajo de 0.1 se considera bueno.
• Necesita mejorar: Las puntuaciones entre 0,1 y 0,25 necesitan mejorar.
• Pobre: ​​CLS por encima de 0,25 es pobre.

¿Por qué es importante el cambio de diseño acumulativo (CLS)?

Cuando el contenido se mueve de forma inesperada, es una de las experiencias más frustrantes para los usuarios finales. Esto podría hacer que un usuario pierda el enfoque de dónde se encuentra en el procesador para hacer clic o presionar el objeto incorrecto. Es muy frustrante y dañino para la experiencia del usuario, lo que lleva a Google a considerarlo un factor de clasificación.

¿Qué podría estar causando un puntaje CLS bajo?

Según Google, las siguientes son las razones por las que ocurre el cambio de diseño acumulativo:

• Imágenes sin dimensiones.
• Contenido insertado dinámicamente.
• Las fuentes web causan FOIT/FOUT.
• Anuncios, incrustaciones e iframes sin dimensiones.
• Antes de cambiar el DOM, las acciones esperan una respuesta de la red.

¿Cómo mejorar su puntaje CLS?

Las siguientes son las formas de mejorar su puntaje CLS:

• Evite ventanas emergentes o pancartas que hagan que el diseño de la pantalla cambie cuando el sitio se carga por primera vez.
• Establezca dimensiones de atributo de tamaño para cualquier medio (imágenes, GIF, etc.), de modo que el navegador del usuario comprenda cuánto espacio ocupará y no modifique las dimensiones inesperadamente.
• Ponga todos los anuncios en espacios reservados, para que no aparezcan de repente y provoquen cambios en el contenido.
• Siga los consejos de Google para su URL específica (vea cómo medir Core Web Vitals a continuación).

Otros vitales web

Si bien Core Web Vitals se está convirtiendo en señales de clasificación, no se deben pasar por alto los elementos vitales web adicionales. Cuidar estas métricas es lo mismo que cuidar la Experiencia de Usuario.

Otros vitales web:

Tiempo total de bloqueo (TBT)

El tiempo total de bloqueo (TBT) es el tiempo que las tareas largas (todas las tareas que se ejecutan más de 50 ms) bloquean el hilo principal y reducen la usabilidad de la página. Muestra qué tan estática es una página antes de que se vuelva completamente interactiva.

¿Qué es una buena puntuación TBT?

En un dispositivo promedio y una conexión de red, un tiempo total de bloqueo decente es menos de 300 milisegundos. Lighthouse calcula el tiempo total de bloqueo sumando el impacto total de bloqueo de las tareas largas y comparándolo con la puntuación TBT de los 10 000 sitios web principales. Esta medida incluye 404 páginas y recursos.

Umbrales de clasificación del tiempo total de bloqueo:

• Bueno: cualquier TBT por debajo de 300 ms se considera bueno.
• Necesita mejorar: Las puntuaciones entre 300 y 600 ms necesitan mejorar.
• Pobre: ​​TBT por encima de 600 ms es pobre.

¿Qué podría estar causando un puntaje TBT bajo?

Las siguientes son las razones de la baja puntuación de TBT:

• Un código JavaScript desordenado y JS sin usar.
• Un alto tiempo de ejecución de JS.
• Un alto trabajo de hilo principal.
• Uso intensivo de un código de terceros.

¿Cómo mejorar su puntaje TBT?

Las siguientes son las formas de mejorar la puntuación TBT:

• Minificar CSS y JS.
• Reducir el tiempo de ejecución de Javascript.
• Eliminar Javascript no utilizado.
• Reduzca el impacto del código de terceros.
• Elimine los recursos que bloquean el renderizado.
• Habilitar la compresión de texto.
• Minimice el trabajo del hilo principal.

Primera pintura con contenido (FCP)

Cuando un sitio web comienza a cargarse, el primer contenido que se muestra en la pantalla se mide como First Contentful Paint (FCP).

Es una estadística centrada en el usuario, ya que revela cómo un usuario ve el rendimiento de un sitio web (no cómo lo evalúan las herramientas de prueba de velocidad). El FCP debe ser lo más bajo posible. Un FCP rápido le dice al usuario que algo está pasando.

¿Qué es una buena puntuación FCP?

De acuerdo con la documentación de Google sobre el cálculo de calificaciones de métricas, evalúan los tiempos de FCP en tres categorías (bueno, necesita mejorar y deficiente) y describen cómo obtienen el puntaje percentil utilizado por su herramienta Lighthouse.

• Bueno: cualquier FCP entre 0 y 1,8 s se considera bueno.
• Necesita mejorar: las puntuaciones entre 1,8 y 3 deben mejorarse.
• Pobre: ​​FCP por encima de 3s es pobre.

¿Qué podría estar causando un bajo puntaje de FCP?

Las razones de la baja puntuación de FCP son las siguientes:

• Procesamiento de secuencias de comandos de bloqueo y hoja de estilo externa.
• Archivos JavaScript.
• Grandes activos basados ​​en texto.

¿Cómo mejorar su puntaje FCP?

Las siguientes son algunas sugerencias para aumentar su puntaje FCP:

• Elimine los scripts y las hojas de estilo que bloquean el renderizado.
• Eliminar CSS y JavaScript no utilizados.
• Debe evitarse la redirección de varias páginas.
• Evite un tamaño de DOM excesivo.
• Evite mostrar texto invisible.
• Reduzca el número de recursos y el tamaño de las transferencias.

Índice de velocidad (SI)

El índice de velocidad (SI) es una estadística de rendimiento de carga de la página que indica qué tan pronto se hacen visibles los contenidos de una página. Es la cantidad de tiempo promedio que tardan en cargarse las secciones visibles de la página. Cuanto menor sea la puntuación, expresada en milisegundos y dependiendo del tamaño de la ventana gráfica, mejor.

¿Qué es una buena puntuación SI?

Según Lighthouse, una puntuación de índice de velocidad decente debe ser inferior a 4,3 segundos. Entre 4,4 y 5,8 segundos es la puntuación media del índice de velocidad. Un índice de velocidad de más de 5,8 segundos se considera pobre. Lighthouse calculó todos los datos de esta página utilizando los estándares de archivo HTTP. Los criterios de puntaje de índice de velocidad bueno, medio y malo para Lighthouse cambiarán si los datos del archivo HTTP cambian.

• Bueno: SI menos de 4,3 s se considera bueno.
• Necesita mejorar: cualquier puntaje entre 4.4 y 5.8 debe mejorarse.
• Pobre: ​​una puntuación superior a 5,8 s es mala.

¿Qué podría estar causando una puntuación SI baja?

Las siguientes son algunas de las razones de una puntuación SI baja:

• Código JavaScript y JS sin usar.
• Tiempo de ejecución de JavaScript.
• Trabajo del hilo principal.
• Código de terceros.

¿Cómo mejorar su puntaje SI?

Aquí hay algunas sugerencias para aumentar su puntaje SI:

• Eliminar JS no utilizado.
• Reducir el tiempo de ejecución de JavaScript.
• Elimine los recursos que bloquean el renderizado.
• Reduzca el impacto del código de terceros.
• Minimice el trabajo del subproceso principal.
• Solicitudes de clave de precarga.
• Evite encadenar solicitudes críticas.
• Mantenga el número de solicitudes bajo y los tamaños de transferencia pequeños.
• Reduzca los tiempos de respuesta de TTFB y del servidor.
• Asegúrese de que las imágenes que utiliza en los archivos que se cargarán estén en el formato correcto.

Tiempo para Interactivo (TTI)

TTI es una estadística de rendimiento que evalúa la capacidad de respuesta de carga de una página y ayuda a analizar situaciones en las que un sitio web parece ser interactivo pero no lo es.

TTI identifica si la página está lista de manera confiable para la interacción del usuario después de la primera pintura con contenido (FCP).

¿Qué es una buena puntuación TTI?

Para proporcionar una experiencia de usuario decente, siempre debe apuntar a un tiempo de interacción de menos de 3,8 segundos. Su puntaje TTI se basa en la comparación del tiempo TTI de su página con los tiempos TTI de sitios de alto rango, ya sea que se vean en dispositivos móviles o de escritorio.

Así es como Lighthouse interpreta la puntuación TTI:

• Bueno: TTI inferior a 3,8 s se considera bueno.
• Necesita mejorar: cualquier puntuación entre 3,9 y 7,3 debe mejorarse.
• Pobre: ​​una puntuación superior a 7,3 s es mala.

¿Qué podría estar causando un puntaje bajo de TTI?

Algunas de las causas de una puntuación TTI baja son las siguientes:

• Tiempo de ejecución de JavaScript.
• Código JavaScript y JS sin usar.
• Código de terceros.
• Trabajo del hilo principal.

¿Cómo mejorar su puntaje TTI?

Aquí hay algunas maneras de ayudarlo a mejorar su puntaje TTI:

• Minificar archivos JavaScript.
• Reduzca el tiempo de ejecución de JavaScript con menos complementos.
• Optimizar imágenes y videos.
• Reduzca el impacto del código de terceros.
• Minimice el trabajo del hilo principal.
• Mantenga el número de solicitudes del servidor bajo y los tamaños de transferencia pequeños.
• Solicitudes de clave de precarga.

¿Cómo medir Core Web Vitals?

Google ha facilitado a los SEO y propietarios de sitios web el seguimiento de Core Web Vitals utilizando varias herramientas.

Core Web Vitals se lanzó hace solo unas semanas y solo se podían evaluar utilizando el informe Chrome UX en ese momento.

Con la noticia de que Core Web Vitals se incluirá en el algoritmo de clasificación de Google, la empresa está mejorando muchas de sus herramientas existentes con capacidades de medición.

Google Core Web Vitals ahora se puede medir usando:

Perspectivas de velocidad de página de Google

Cuando se trata de medir y evaluar Core Web Vitals, Google PageSpeed ​​Insights (PSI) es una de las herramientas esenciales de SEO. PSI usa Lighthouse y Chrome UX Report para brindar datos tanto del laboratorio como del campo en dispositivos móviles y de escritorio. PageSpeed ​​Insights brinda consejos detallados sobre cómo mejorar la velocidad del sitio, además de brindar una descripción general de los datos de campo de los usuarios del mundo real (CrUX).

Consola de búsqueda de Google

Google Search Console puede ayudarlo a examinar y descubrir agrupaciones de páginas que pueden necesitar mejoras o arreglos. GSC se basa en datos del Chrome UX Report, que se basa en investigaciones de campo del mundo real. Las URL se clasifican por su tipo de métrica y estado (pobre, necesita mejorar, bueno). El informe GSC Core Web Vitals le mostrará el rendimiento de todas (o la mayoría) de sus páginas web en términos de Core Web Vitals.

Faro de Google

Google Lighthouse es la herramienta más popular para probar su sitio web en un entorno de laboratorio. Le permite auditar y evaluar su sitio web en cuatro áreas: rendimiento, accesibilidad, mejores prácticas y SEO. Lighthouse rastrea LCP, CLS, TTI y TBT, entre otros parámetros de la experiencia del usuario del laboratorio. La herramienta le brindará consejos detallados sobre cómo mejorar su sitio, similar a PSI (principalmente basado en Lighthouse). Asegúrese de consultar la calculadora de puntuación de Lighthouse cuando esté probando su sitio con Lighthouse.

Herramientas para desarrolladores de Chrome

Chrome DevTools es una herramienta para desarrolladores que viene preinstalada con el navegador Chrome. Para acceder a él, haga clic derecho y seleccione "Inspeccionar", y aparecerá Chrome DevTools. Puede examinar algunos de los indicadores de Core Web Vitals mediante el panel de rendimiento de Chome DevTools. Esté atento a Web Vitals. La parte de la experiencia lo ayudará a analizar los ajustes de diseño.

Informe de experiencia de usuario de Chrome

Chrome UX Report es un conjunto de datos público que proporciona datos de la experiencia del usuario en el mundo real de millones de sitios web. No es una herramienta en sí misma. Los datos del Informe de experiencia del usuario de Chrome provienen de los usuarios de Chrome que se han suscrito; por lo tanto, monitorea los datos de campo para todos los indicadores Core Web Vitals. Puede usar la API CrUX para medir las versiones de campo de Core Web Vitals en su aplicación si es un desarrollador.

GTmetrix

GTmetrix es otra herramienta de laboratorio importante para evaluar la velocidad y el rendimiento de su sitio. La herramienta se basa en los datos de Google Lighthouse. Realiza un seguimiento de parámetros como la pintura más grande con contenido, el tiempo total de bloqueo, el cambio de diseño acumulativo y más.

Web Vitals (extensión de Chrome)

Web Vitals es una extensión de Google Chrome que le permite monitorear la información de Core Web Vitals en tiempo real en su escritorio. Los desarrolladores que deseen evaluar y solucionar los cambios realizados pueden encontrar útil la extensión de Chrome de Web Vitals. Vaya al sitio web y haga clic en la extensión para examinar los datos.

¿Core Web Vitals afectará mis clasificaciones?

Core Web Vitals se convertirá en un criterio de clasificación para Google en junio de 2021; por lo tanto, estos indicadores pueden influir en su rendimiento de SEO.

Las nuevas señales de la experiencia de la página incluirán seguridad HTTPS, navegación segura, compatibilidad con dispositivos móviles y pautas intersticiales intrusivas.

Google Core Web Vitals impacta los resultados orgánicos tanto en dispositivos móviles como de escritorio, así como si su sitio aparece o no en las Historias principales. Anteriormente, si quería aparecer en Top Stories, tenía que utilizar AMP. Cuando Google implemente la actualización, este ya no será el caso, pero su sitio deberá satisfacer puntajes mínimos específicos de Core Web Vitals para aparecer en las Historias principales.

Además, parece que todos los indicadores Core Web Vitals deben cumplirse para mejorar la clasificación orgánica. También puede ser necesaria la puntuación de Core Web Vitals para las páginas indexadas.

En resumen, ahora se requiere aumentar sus puntajes de Google Core Web Vital si se preocupa por el rendimiento de SEO de WordPress.

¿Qué es una buena puntuación de velocidad de página?

No hay un punto de corte formal. Una de las pautas más populares es que su sitio web debe cargarse en menos de dos segundos. Esto probablemente se deba a una investigación de Google que descubrió que el 47 % de los usuarios de dispositivos móviles abandonan un sitio web que tarda más de dos segundos en cargarse.

Aunque lo más probable es que este consejo se base en la medida del índice de velocidad, no creo que Google haya establecido nunca una métrica específica al proporcionar una puntuación de velocidad de página. Por lo general, los consejos de los funcionarios de Google son generales, como "crear sitios rápidos para los usuarios" o "crear sitios lo más rápido posible".

¿Por qué es tan importante mejorar la velocidad de la página?

La experiencia del usuario está influenciada por la velocidad de la página, y puede hacer o deshacer su sitio web. Un rendimiento más rápido de la página mejora la experiencia del usuario, aumentando las conversiones de visitas a la página y reduciendo las tasas de rebote. Veamos las ventajas de aumentar la velocidad de la página con mayor profundidad.

1. Aumente la velocidad del sitio web para mejorar la experiencia del usuario

Según nuestro estudio, el 47 % de los clientes quiere que un sitio web se cargue en menos de dos segundos.

Después de eso, cada segundo degrada la experiencia del usuario. A los espectadores no les gusta esperar a que cargue su página; por lo tanto, normalmente harán clic para descubrir una empresa que ofrezca una mejor experiencia de usuario.

2. Aumente el número de visitas a la página

Es posible que haya observado que varios de los indicadores que mencioné anteriormente, como LCP y CLS, afectan la clasificación de la página en Google. Google agrega datos que evalúan los tiempos de carga para ofrecer resultados de búsqueda de alta calidad a los usuarios. Como resultado, cuanto más rápido cargue su página, mayor será su calificación de Google.

3. Aumentar las conversiones

Los usuarios estarán felices y es más probable que se conviertan en clientes si sus sitios se cargan rápido. HubSpot descubrió que reducir el tiempo de carga de la página entre un tres y un diecisiete por ciento impulsó las conversiones en 12 casos de estudio.

Las matemáticas estaban hechas. Un retraso de página de un segundo puede costarle $ 2.5 millones por año si su sitio de comercio electrónico genera $ 10,000 por día.

4. Tasa de rebote reducida

Según Think with Google, aumentar el tiempo de carga de su sitio web de un segundo a tres segundos aumenta su tasa de rebote en un 32%. Si se aumenta de uno a cinco segundos, la probabilidad aumenta en un 90%.

Unos segundos pueden significar la diferencia entre retener y convertir usuarios o perderlos frente a la competencia.

Para saber más, consulta nuestra guía detallada sobre cómo reducir la tasa de rebote en WordPress.

Formas de aumentar la velocidad de la página

Puede probar las siguientes acciones para aumentar la velocidad de la página:

1. Limite el número de redireccionamientos

Cuanto más tarde el servidor en localizar y cargar la página correcta, más redireccionamientos tendrá. Elimine todos los redireccionamientos innecesarios que pueda.

2. Incluir la barra al final

Recuerde agregar la barra inclinada final al final de la URL. Le está informando al servidor que no hay carpetas de archivos para revisar y que esta página es el destino final.

Como resultado, su URL debe ser www.pickupwp.com/blog/ en lugar de www.pickupwp.com/blog.

Reducirá el tiempo de carga en una fracción de segundo, y cada milisegundo importa.

3. Las imágenes deben comprimirse y optimizarse.

Los archivos de imagen grandes o una gran cantidad de fotos pueden aumentar significativamente el tiempo que tarda su sitio web en cargarse. Asegúrate de que todas tus fotos estén correctamente escaladas y comprimidas.

Las imágenes también deben conservarse en el formato correcto. Los formatos más fáciles de comprimir son PNG y JPEG, que son compatibles con todos los navegadores.

Comprimir una imagen reduce el tamaño del archivo, que se mide en kilobytes y megabytes. Las fotos de alta calidad se pueden reducir entre un 60 y un 80 por ciento en promedio. Nunca debe usar una imagen que tenga más de 1 MB de tamaño.

El tamaño de la imagen en la página se puede cambiar redimensionándola. Las imágenes más pequeñas deben tener 700 píxeles o menos, mientras que las imágenes más grandes deben ocupar todo el ancho de su sitio (o alrededor de 1900 píxeles). Siempre puede reducir el tamaño, pero aumentar el tamaño sin pixelar la imagen es todo un desafío.

Hay varios complementos de optimización de imágenes disponibles que puede usar para optimizar y comprimir imágenes.

4. Hacer uso de una red de entrega de contenido (CDN)

Con un CDN, su sitio está alojado localmente en una red de servidores, lo que reduce los tiempos de carga de la página. Una persona en Dublín que visite un sitio web ubicado en Los Ángeles, por ejemplo, no necesitaría hacer ping al servidor de origen, sino a un servidor más cercano a su hogar en Irlanda.

Disminuye la cantidad de solicitudes al servidor de origen al distribuir el contenido en varios servidores, lo que ralentiza los tiempos de descarga.

5. Los complementos y otros elementos de la página deben mantenerse al mínimo.

Los complementos, JavaScript y otros elementos adicionales aumentan el tiempo que tarda una página en cargarse. Solo incluye los componentes que se requieren para tu página.

Algunos complementos pueden ayudar con el rendimiento del sitio, por supuesto. El rendimiento de la página se puede mejorar mediante el uso de complementos que cambian el tamaño de las imágenes automáticamente, minimizan el código y difieren la carga de JavaScript. Sería mejor decidir si las funciones adicionales proporcionadas por estos complementos valen la pena el sacrificio en el rendimiento de la página.

6. Minifica tu HTML o CSS

Cuando minimiza el código de su sitio web, elimina todos los espacios, notas y marcas adicionales que usan los desarrolladores para hacer que su código sea más legible y más sencillo para trabajar más adelante. Cuando un servidor intenta cargar un sitio web, no requiere todo eso para comprender HTML, JavaScript o CSS, y podría interponerse en el camino.

7. Hacer uso del almacenamiento en caché

Cuando un sitio se almacena en caché, el servidor almacena copias de sus páginas para que no tenga que recargar el sitio cada vez. Puede ahorrar tiempo utilizando el almacenamiento en caché.

Puede usar WP Rocket, el mejor complemento de almacenamiento en caché para WordPress.

8. Seleccione con cuidado su proveedor de alojamiento web.

Obtienes lo que pagas cuando se trata de alojamiento de sitios web. Es posible que los planes más baratos no puedan administrar tanto tráfico, lo que resulta en tiempos de carga del sitio web más lentos.

Hay cuatro tipos de proveedores de alojamiento web entre los que elegir:

• Alojamiento compartido: el alojamiento compartido puede alojar múltiples sitios pequeños en un solo servidor. Aunque el alojamiento compartido es económico, el aumento del tráfico a otros sitios alojados en el mismo servidor puede hacer que el suyo se ralentice.
• Alojamiento VPS: un servidor privado virtual, o VPS, ejecuta muchos sitios, pero cada uno tiene su propio "lugar" virtual. Debido a que es virtual, le brinda recursos adicionales, lo que reduce potencialmente la probabilidad de dificultades de velocidad del sitio relacionadas con el tráfico.
• Alojamiento de servidor dedicado: un solo servidor aloja solo un sitio web. Aunque es más costoso, ayuda a reducir o eliminar la posibilidad de pérdida de velocidad del sitio debido a aumentos repentinos de tráfico de otros sitios.
• Alojamiento en la nube: los sitios web se alojan en una red de servidores virtuales y físicos, lo que proporciona mayores recursos y flexibilidad. Un host virtual se ampliará para aumentar un aumento inesperado en el tráfico.

Tenga en cuenta el tamaño de su sitio y su presupuesto al seleccionar un servicio de alojamiento para su sitio web.

Conclusión

Core Web Vitals es vital para el SEO de WordPress, ya que puede ayudarlo a obtener más reconocimiento para su sitio web mientras lo mantiene organizado y limpio.

Estas métricas pueden aumentar la visibilidad y la clasificación de su sitio web en los navegadores y proporcionar una buena experiencia de navegación para sus visitantes.

Es importante comenzar a optimizar su sitio web lo antes posible para evitar recibir comentarios negativos o una clasificación más baja en los resultados de búsqueda.

Esperamos que este artículo lo ayude a aprender sobre Google Core Web Vitals y cómo optimizarlos. También puede ver nuestra lista de los mejores complementos de caché para WordPress para aumentar la velocidad de la página y una guía para aumentar la velocidad de su sitio web de WordPress.