Scroll Top

WPO & Core Web Vitals

¿Estás preparado para la actualización de Core Web Vitals?
digital

Web Performance Optimization

seo posicionamiento

Asegurar una calidad de experiencia de usuario óptima es clave para el éxito a largo plazo de cualquier sitio web. Los Web Vitals le pueden ayudarle a cualificar la experiencia de su sitio e identificar oportunidades para mejorar.

Los Web Vitals son una iniciativa de Google para proporcionar una guía unificada de indicadores de calidad que son esenciales para brindar una excelente experiencia de usuario en una web.

La iniciativa de Web Vitals tiene como objetivo simplificar el panorama y ayudar a los sitios a centrarse en las métricas que más importan, los Core Web Vitals.

Puede utilizar las Core Web Vitals de Google para mejorar la clasificación de su sitio web en los motores de búsqueda (el ranking en las SERP). También pueden ayudar a mantenerlo limpio y bien organizado, lo que mejora la experiencia del usuario (UX).

¿Ha integrado las “Core Web Vitals” en sus evaluaciones periódicas del rendimiento de su sitio web? Si no es así, nuestra agencia de desarrollo web te puede ayudar.

¿POR QUÉ DIGITAL MINDSET?

Ofrece una experiencia rica con una optimización del rendimiento de tu web

Dos segundos es todo lo que tiene que cargar una página. Si tarda más tiempo y el 40% de los visitantes abandonarán su sitio. Tiempos de carga lentos, bloqueos… interrumpen la experiencia del usuario. Además, los visitantes frustrados evitan volver a los sitios con mal rendimiento.

Servicio de optimización de la velocidad de Core Web Vitals

Nuestro objetivo para nuestro servicio de optimización de la velocidad de Core Web Vitals es arreglar los problemas de velocidad de todo su sitio web y hacer que pase las métricas de velocidad de Google Core Web Vitals.

Nuestra solución ha demostrado aumentar la puntuación de Core Vitals en 30 puntos y hemos acumulado datos de campo (para capturar experiencias del mundo real) y de laboratorio (depuración de problemas de rendimiento) para determinar las mejores prácticas para mejorar la puntuación.

Consultoría de Core Web Vitals

¿Cómo de rápido es su sitio web? Seguro que podría ser más rápido. Estaremos encantados de ayudarle a mejorar el Core Web Vitals de su sitio web.

Conseguirá más clientes satisfechos y aumentará sus ingresos.

Leer más

 

Como consultores de Core Web Vitals siempre distinguimos entre lento por error y lento por diseño. Lento por error significa que en algún momento ciertas implementaciones ralentizan su sitio web. Lento por diseño significa que se tomaron decisiones estratégicas que afectan al núcleo de la web.

Una de las primeras cosas que hacemos para mejorar rápidamente las Core Web Vitals, es arreglar la lentitud por error. Analizamos a fondo el sitio y tomamos las acciones necesarias para arreglar esos errores.

A continuación, miramos los problemas de lentitud por diseño del sitio. Esto suele significar la comprensión de las decisiones que se tomaron y, a continuación, la creación de implementaciones mejores y más rápidas para lograr el mismo resultado o uno mejor.

Podemos también implementar una monitorización de Core Web Vitals y establecer objetivos y advertencias.

Auditorías de Core Web Vitals

Mejore y arregle su estrategia de PageSpeed.

Ofrecemos auditorías de pagespeed que cubren lo esencial de PageSpeed y debería permitirle pasar el Core Web Vitals. Para sitios grandes o complejos ofrecemos el apoyo directo al equipo de desarrolladores.

Nuestros expertos revisarán meticulosamente la velocidad de carga de su sitio web y la experiencia del usuario para asegurarse de que cumple con las tres métricas de Core Web Vitals. Si su sitio web no cumple con las puntuaciones de aprobación para cualquiera de las métricas, identificaremos formas de mejorar la velocidad de carga de su sitio web, las plantillas de las páginas o la experiencia del usuario para garantizar el cumplimiento. A continuación, crearemos un plan de acción para avanzar y trabajaremos con su equipo interno o con el desarrollador del sitio web para implementar las correcciones y mejorar las puntuaciones de Core Web Vitals.

Mejoraremos el rendimiento de su sitio web desde dos puntos de vista:

  • La experiencia del usuario: nos centraremos en el rendimiento percibido, entregando el contenido lo más rápidamente posible y permitiendo una interacción fluida con su sitio web.
  • Rendimiento orientado a Google: optimizaremos la eficiencia del rastreo. Si su servidor se ralentiza, Googlebot deja de rastrear y el descubrimiento de sus páginas disminuirá como resultado.

Nuestra metodología:

  • Investigación: conocemos su sitio web y su audiencia, lo que nos ayuda a decidir las métricas adecuadas para optimizar.
  • Análisis del rendimiento de la web: analizamos varios tipos de páginas de su sitio web, y medimos y analizamos su rendimiento actual.
  • Revisión del rendimiento de la competencia: observamos el rendimiento de sus competidores para ayudar a responder a preguntas como: ¿cuán rápido es lo suficientemente rápido? Establecemos objetivos alcanzables basados en los datos que recopilamos de su sector.
  • Preparación y valoración de recomendaciones: completado el análisis de su web le hacemos recomendaciones para cumplir con las métricas de Core Vitals junto con una valoración para su implementación.

El coste de un servicio de optimización de la velocidad del sitio web (WPO) depende de varios factores, como el tamaño y el formato de su sitio.

Las características que más influyen en los precios de la optimización de la velocidad de la página web son:

  • El tamaño de su sitio web: si tiene un sitio de cinco páginas, frente a uno de 50, puede esperar precios más bajos debido al tiempo requerido.
  • La velocidad actual de su sitio web: en la mayoría de los casos, un sitio web con una puntuación de velocidad más lenta tiende a costar más que un sitio con una puntuación de velocidad más rápida.
  • La plataforma de su sitio web: la plataforma de su sitio web también puede afectar a los precios de la optimización de la velocidad del sitio.

 

Leer más

 

A título de ejemplo un servicio de optimización web WPO para un sitio en WordPress con la optimización detalladas de hasta 5 URLs costaría unos 500€ e incluiría:

  • Auditoría WPO
  • Optimización hosting y WordPress
  • Caché WordPress
  • Mejoras WordPress en base de datos, heartbeat, etc.
  • Optimización de imágenes, tamaños y formatos
  • Optimización de fuentes, iconos y precarga
  • Mejoras en carga de Scripts JS y CSS
  • Mejoras en scripts internos, carga diferida, condicional, combinación, precarga, etc.
  • Servicio de CDN externo (1 mes gratis)
  • Servicio para optimización de imágenes (1 mes gratis)
  • Revisión de mantenimiento 30 días después

 

OBTÉN TU PRIMERA SESIÓN DE ASESORAMIENTO GRATUITO

1ª CONSULTA ONLINE GRATUITA

Qué son las Core Web Vitals y por qué deben importarte

Los Core Web Vitals son un conjunto de métricas estandarizadas de Google que se utilizan para medir y mejorar la experiencia del usuario.

Google anunció las Core Web Vitals el 28 de mayo de 2020. Según Google, representan características esenciales de la experiencia del usuario de un sitio web.

Cada uno de los Core Web Vitals representa una faceta distinta de la experiencia del usuario, se puede medir en el campo y refleja la experiencia en el mundo real de un resultado indispensable centrado en el usuario.

El conjunto actual de métricas se centra en tres aspectos de la experiencia del usuario: carga , interactividad y estabilidad visual, e incluye las siguientes métricas (y sus respectivos umbrales):

Largest Contentful Paint (LCP)

Se refiere al tiempo para el despliegue del contenido más extenso, LCP por sus siglas en inglés, mide el rendimiento de carga. Para proporcionar una buena experiencia de usuario, el LCP debe producirse dentro de los 2,5 segundos desde que la página comienza a cargarse. Lo que Google pregunta aquí es cuánto tarda en cargarse el contenido más grande de la ventana gráfica. En muchos sitios web, esto suele ser un deslizador o una imagen, pero también puede ser texto.

Largest Contentful Paint (LCP)
First Input Delay (FID)

First Input Delay (FID)

Se refiere a la demora para la primera entrada, FID por sus siglas en inglés, mide la interactividad. Para proporcionar una buena experiencia de usuario, las páginas deben tener un FID de menos de 100 milisegundos. Es el tiempo que tarda una página en ser interactiva. La pregunta que se hace aquí es ¿con qué rapidez es interactiva la página? Para decirlo de otra manera, cuando un usuario hace clic en algo, un botón o un evento de JavaScript, ¿qué tan rápido puede el navegador comenzar a procesar eso y producir un resultado?

Cumulative Layout Shift (CLS)

Se refiere a el cambio acumulativo en el diseño CLS por sus siglás en inglés, mide la estabilidad visual. Para proporcionar una buena experiencia de usuario, las páginas deben mantener un CLS de menos de 0,1.

Con cada una de las métricas anteriores, para asegurarse de que está alcanzando el objetivo recomendado para la mayoría de sus usuarios, un buen umbral para medir es el percentil 75 de cargas de página, segmentado en dispositivos móviles y de escritorio.

Se trata de la cantidad de cambios inesperados en el diseño del contenido visual de la página. Probablemente has experimentado una situación en la que has cargado una página en tu teléfono móvil, y vas a hacer clic en un botón, y en el último segundo se desplaza y golpeas otra cosa. Esto es el “Cumulative Layout Shift”. Una medida ideal es menos de 0,1. Con esta pregunta, Google se está preguntando con qué rapidez es estable la página.

Las puntuaciones en cada categoría indican su rendimiento. Noventa o más es satisfactorio. De 50 a 90 requiere una mejora. Si tiene una puntuación inferior a 50 (pobre) en cualquier categoría, debe ponerse en contacto con sus desarrolladores y hacer que lo solucionen inmediatamente.

que son las core web vitals

Otros Web Vitals

Si bien los Core Web Vitals son las métricas críticas para comprender y brindar una excelente experiencia de usuario, también existen otras métricas vitales.

Estos otros Web Vitals a menudo sirven como métricas proxy o suplementarias para los Core Web Vitals, para ayudar a capturar una mayor parte de la experiencia o para ayudar a diagnosticar un problema específico.

Estas son métricas secundarias que afectan a la experiencia de los usuarios con los contenidos. He aquí algunas de ellas. Puedes utilizarlas para entender la experiencia que tienen los visitantes en tu sitio:

  • First Contentful Paint, medida en segundos. FCP mide el tiempo que tarda el navegador de un usuario en renderizar los elementos del DOM. Esta métrica identifica los recursos que bloquean la renderización. Algunos ejemplos son las imágenes, los elementos <canvas> no blancos y los SVG.
  • Tiempo de interacción (Time To Interactive), medido en segundos. El TTI calcula el tiempo que tarda el contenido de una página en ser totalmente interactivo. Un TTI alto es un indicador de páginas con JavaScript innecesario.
  • Tiempo total de bloqueo (Total Blocking Time), medido en milisegundos. El TBT ayuda a los propietarios de sitios a evaluar el tiempo que tarda una página web en responder a una entrada específica del usuario. Esta métrica también identifica las páginas con JavaScript innecesario.
  • Índice de velocidad (Speed Index – SI), medido en milisegundos. El SI muestra el tiempo medio que el contenido de su sitio tarda en mostrarse a un usuario. Esta métrica es un tercer indicador del exceso de JavaScript en una página.
  • PageSpeed Score: una puntuación agregada en todas las visitas de móviles o de ordenadores de sobremesa. PS condensa todas las métricas críticas de la experiencia del usuario en Core Web Vitals en una sola puntuación.

Características de las Core Web Vitals

El concepto de juzgar los sitios web por lo que siente el usuario al interactuar con ellos no es nuevo. Antes de la actualización, Google ya utilizaba algunas señales de experiencia de página como:

  • La capacidad de respuesta y la compatibilidad con los dispositivos móviles. ¿Cómo se carga su tienda online en el móvil? La experiencia móvil también es un factor de clasificación.
  • HTTPS. Tener certificados SSL correctos y actualizados es crucial para vender en Internet.
  • Navegación segura. Todas las tiendas de eCommerce deben ser seguras. Cualquier actividad, enlace o producto malicioso penaliza los resultados de tu tienda en el buscador.
  • Intersticiales intrusivos. Popups que bloquean la pantalla o anuncios intersticiales que bloquean el contenido principal del sitio web y degradan la UX.
señal de experiencia de página
Fuente de imagen: Google

Sin embargo, las señales existentes no podían captar los aspectos de la UX relacionados con el rendimiento de la web por lo que Google ha combinado tres nuevas métricas con las actuales señales de UX para obtener una experiencia de página unificada.

Estas métricas son las Core Web Vitals, y miden la experiencia de usuario de su sitio web. Los tres factores principales que Google busca son: 1) Rendimiento de carga de la página. 2) La facilidad de interacción. 3) Estabilidad visual (desde la perspectiva del usuario).

Cada una cuantifica parte de cómo los usuarios interactúan y se comprometen con un sitio web. Las Core Web Vitals le ofrecen interesantes oportunidades para mejorar su clasificación. Pero sólo si lo hace bien.

Es importante recordar que estas métricas no cuentan toda la historia sobre la experiencia del usuario. Sin embargo, cada métrica ayuda a los propietarios de sitios a encontrar los problemas que están frenando su sitio en la actualidad. También permite a los desarrolladores y a los expertos en SEO solucionar los problemas.

Veamos las tres métricas principales incluidas en Core Web Vitals y cómo pueden ser relevantes para su sitio actualmente.

Estadística clave: 1 segundo de retraso reduce la satisfacción del cliente en un 16 %.

Largest Contentful Paint es una métrica que los propietarios de sitios pueden usar para evaluar la experiencia del usuario. Determina la rapidez con la que aparece el contenido más importante de la página en una pantalla móvil/de escritorio.
El elemento más grande suele ser la imagen destacada o quizás la etiqueta <h1>, pero podría ser cualquiera de estos:

  • Imágenes: elemento <img> o elemento <image> dentro de un elemento <svg>
  • Imágenes de póster de video: las imágenes dentro de los elementos <video>
  • Imágenes de fondo
  • Texto a nivel de bloque

Es posible que se agreguen <svg> y <video> en el futuro.

Los propietarios de sitios deben aspirar a un LCP por debajo de 2,5 segundos. Cuanto más corta sea la demora, menos atención requiere el visitante.

Es frustrante para los usuarios cuando intentan hacer clic en algo en una página, pero no ocurre nada.

El FID expresa el tiempo que transcurre desde que un usuario interactúa con su página hasta que ésta responde, un tipo de capacidad de respuesta.

Ejemplos de interacciones son:

  • Hacer clic en un enlace o botón.
  • Introducir texto en un campo en blanco.
  • Seleccionar un menú desplegable.
  • Hacer clic en una casilla de verificación.

No incluye el desplazamiento por la página ni el acercamiento o alejamiento.

¿Qué causa el FID?

La principal causa de FID es que el JavaScript compita con el UX: mientras se ejecuta una tarea, la página no puede responder a la entrada del usuario. Esto provoca un retraso, que depende de la duración de la ejecución de Javascript. Cuanto más larga sea la tarea, mayor será el retraso experimentado por el usuario.

No todos los usuarios interactuarán con una página, por lo que es posible que no tengan un valor FID. Tampoco las pruebas con herramientas de laboratorio producirán un valor, ya que no interactúan con la página. Por lo tanto, utilice el Tiempo Total de Bloqueo (TBT) en su lugar.

Se necesita reducir el tiempo que los usuarios pasan esperando a que el navegador responda a sus entradas. Un FID bajo mejora el compromiso y la usabilidad en todo el sitio.

Los propietarios de sitios web deben intentar que el FID sea inferior a 100 milisegundos. Esto proporciona una experiencia de usuario satisfactoria, pero más corto es mejor.

¿Alguna vez has hecho clic en una página que se mueve y ha acabado haciendo clic en algo que no tenía previsto?

El Cumulative Layout Shift es una métrica que identifica los enlaces o botones que se desplazan después de la carga de una página web. La métrica refleja el nivel de dificultad que experimentarán los usuarios al tratar de interactuar con los elementos de su sitio una vez que la página se haya renderizado. Tiene en cuenta tanto el tamaño del contenido como la distancia a la que se mueve.

Corregirlo requiere en primer lugar identificar las páginas con un CLS deficiente. Eso mostrará cómo mejorar la usabilidad, impulsar las tasas de clics y aumentar su tasa de conversión general.

Las causas más comunes de CLS incluyen:

  • Imágenes sin dimensiones.
  • Anuncios, incrustaciones e iframes sin dimensiones.
  • Inyección de contenido con JavaScript.
  • Aplicar fuentes o estilos en un momento tardío de la carga.

Debe mantener un CLS de 0,1 o menos. Lo ideal es que los sitios no se desplacen en absoluto. Pero si algunas de sus páginas incluyen elementos pesados, puede que tenga que llegar a un compromiso entre CLS, LCP y otras métricas. Un buen desarrollador le ayudará a mejorar ambas cosas. Si es necesario, también pueden identificar el equilibrio exacto en el que maximizará sus conversiones.

Recomendaciones para mejorar sus puntuaciones

Esta es un área compleja, y lo que se haga dependerá mucho de su contenido actual. Sin embargo, un buen lugar para empezar es usar alguna herramienta para medir estas métricas (ver más abajo).

Una vez que haya medido los Core Web Vitals e identificado las áreas de mejora, el siguiente paso es optimizar. Las siguientes guías ofrecen recomendaciones específicas sobre cómo optimizar sus páginas para cada uno de los Core Web Vitals:

Las causas más comunes de una LCP deficiente son:

  • Tiempos de respuesta lentos del servidor. mejore cómo y dónde su servidor maneja su contenido. Utilice Time to First Byte: Tiempo hasta el primer byte (TTFB) para medir los tiempos de respuesta de su servidor. Puede mejorar su TTFB de varias formas:
    • Optimizar su servidor
    • Enrutar a los usuarios a una CDN cercana
    • Activos del caché
    • Publicar las páginas HTML en cache-first
  • Establecer conexiones con terceros con anticipación. Las solicitudes del servidor a orígenes de terceros también pueden afectar a LCP, especialmente si son necesarias para mostrar contenido crítico en la página. Utilice rel=”preconnect” para informar al navegador que su página tiene la intención de establecer una conexión lo antes posible. También puede utilizar dns-prefetch para resolver las búsquedas de DNS de forma más rápida.
  • JavaScript y CSS bloquean la renderización. Antes de que un navegador pueda renderizar cualquier contenido, necesita analizar el marcado HTML en un árbol DOM. El analizador HTML se detendrá si encuentra hojas de estilo externas o etiquetas de JavaScript sincrónicas. Los scripts y las hojas de estilo son recursos que bloquean la renderización y retrasan la FCP y, como consecuencia, la LCP. Retrase cualquier JavaScript y CSS no crítico para acelerar la carga del contenido principal de su página web. Asegúrese también de que solo la cantidad mínima de CSS necesaria esté bloqueando la renderización en su sitio y en última instancia, reducir la cantidad de CSS de bloqueo siempre mejorará el tiempo que se tarda en renderizar completamente el contenido principal de la página (LCP).
  • Tiempos de carga de recursos lentos. Aunque un aumento en el tiempo de bloqueo de CSS o JavaScript se traduce directamente en un peor rendimiento, el tiempo que se tarda en cargar muchos otros tipos de recursos también puede afectar los tiempos de despliegue. El tiempo que se tarda en cargar estos elementos si se renderizan en la mitad superior de la página tendrá un efecto directo en LCP. Hay algunas formas de garantizar que estos archivos se carguen lo más rápido posible:
    • Optimizar y comprimir imágenes
    • Precargar recursos importantes
    • Comprimir archivos de texto
    • Entregar diferentes activos basados en la conexión de la red (servicio adaptable)
    • Almacenar activos en el caché con un service worker
  • Renderización del lado del cliente. Si está creando un sitio que se renderiza principalmente en el lado del cliente, debe tener cuidado con el efecto que puede tener en LCP si se utiliza un gran paquete de JavaScript. Si no se implementan optimizaciones para evitarlo, es posible que los usuarios no vean ni interactúen con ningún contenido de la página hasta que todo el JavaScript crítico haya terminado de descargarse y ejecutarse. Al crear un sitio renderizado del lado del cliente, considere las siguientes optimizaciones:
    • Minimizar JavaScript crítico
    • Utilizar la renderización del lado del servidor
    • Utilizar la renderización previa

El navegador no puede responder a la mayoría de las entradas de los usuarios mientras ejecuta JavaScript en el subproceso principal. En otras palabras, el navegador no puede responder a las interacciones del usuario mientras el subproceso principal esté ocupado. Para mejorar esta situación, haga lo siguiente:

  • Divida las tareas largas. Las tareas largas son periodos de ejecución en JavaScript donde los usuarios pueden descubir que su interfaz de usuario no responde. Cualquier fragmento de código que bloquee el subproceso principal durante 50 ms o más se puede caracterizar como una tarea larga. Dividir las tareas largas podría reducir el retraso al entrar en su sitio.
  • Optimice su página de modo que esté lista para la interacción. Hay una gran cantidad de causas frecuentes para que la FID y el TBT tengan puntajes bajos en las aplicaciones web que dependen en gran medida de JavaScript:
    • La ejecución de scripts en el origen puede retrasar la preparación para la interacción
    • La búsqueda de datos puede afectar muchos aspectos de la preparación para la interacción
    • La ejecución de un script de terceros también puede retrasar la latencia de la interacción
  • Reduzca el tiempo de ejecución de JavaScript. Limitar la cantidad de JavaScript que hay en su página reduce la cantidad de tiempo que el navegador necesita para ejecutar el código en JavaScript. Esto aumenta la velocidad con que el navegador comienza a responder a las interacciones del usuario. Para reducir la cantidad de JavaScript que se ejecuta en su página:
    • Suspenda el porcentaje de JavaScript que no esté en uso
    • Reduzca al mínimo los polyfills que no se utilicen

Las causas más comunes de una CLS deficiente son:

  • Imágenes sin dimensiones. siempre incluya los atributos de tamaño width y height en sus imágenes y elementos de video.
  • Anuncios, inserciones e iframes sin dimensiones. Los anuncios publicitarios pueden generar cambios de diseño en la web que puede conducir a una experiencia de usuario subóptima debido a que los anuncios empujan el contenido visible que está viendo hacia abajo en la página. Se pueden mitigar estos cambios de diseño de la siguiente forma:
    • Reservando de forma estática el espacio publicitario.
    • No colocando anuncios no adhesivos cerca de la parte superior de la ventana de visualización.
    • Evite contraer el espacio reservado si no se devuelve ningún anuncio cuando el espacio publicitario se encuentra visible para mostrar un marcador de posición.
    • Elimine los cambios reservando el mayor tamaño posible para el espacio publicitario.
    • Elija el tamaño más probable para el espacio publicitario basándose en los datos históricos.
  • Contenido inyectado dinámicamente. Evite insertar contenido nuevo por encima del contenido existente, a menos que sea en respuesta a la interacción del usuario. Esto asegura que se esperen los cambios de diseño que se produzcan.
  • Fuentes web que causan FOIT/FOUT. La descarga y la renderización de fuentes web pueden provocar cambios en el diseño. Algunas herramientas como el uso de font-display o la API para cargar fuentes de Google le pueden ayudarle a minimizar esto.

Todos los Core Web Vitals mencionados anteriormente tienen un efecto no sólo en la experiencia del usuario, sino también en el rendimiento de la página. La intención de Google es que la experiencia de la página sea un factor determinante en la clasificación de su empresa. Por lo tanto, lo más probable es que estas puntuaciones de Core Web Vital se utilicen para determinar la puntuación de experiencia de página que recibe el sitio web de su empresa. Si bien es importante tener una excelente puntuación de experiencia de página, debe recordar que es sólo uno de los muchos factores que contribuyen a la clasificación de la optimización de los motores de búsqueda y no impulsará automáticamente su sitio web hasta el puesto número uno.

El informe Core Web Vitals se presenta en dos segmentos, escritorio y móvil.

informe Core Web Vitals
Fuente de imagen: Google

El objetivo principal de los Core Web Vitals es determinar si su sitio es utilizable para los visitantes. Así, influyen en su posición en los resultados de búsqueda. También indican los puntos débiles de web o de su tienda online para que pueda solucionarlos. Eliminar estos problemas hará dos cosas a la vez 1) Elevar tu tienda online en las SERPs. 2) Mejorar otras métricas críticas como las tasas de rebote y de conversión.

Para superar las pruebas de Google Core Web Vitals es necesario obtener una puntuación de “Bueno” en tres categorías: Velocidad de carga, capacidad de respuesta y estabilidad visual.

Si una página no la supera, no se clasificará tan bien como las páginas más fáciles de usar.

¿Cómo afecta la nueva actualización de Core Web Vitals a sus clasificaciones? El contenido original y relevante siempre será importante para el SEO. Sin embargo, Google también evaluará el rendimiento del sitio web según otras métricas. Las novedades aquí son las mediciones de cómo los usuarios interactúan con su sitio web.

¿Son importantes para su tienda de comercio electrónico el rendimiento de las búsquedas, el conocimiento de la marca y la visibilidad? Entonces, debería optimizar su web o su tienda online para la actualización de Core Web Vitals. De este modo, se mantendrá por delante de la competencia.

Estas actualizaciones no deberían arruinar la visibilidad orgánica de su sitio si, por lo demás, sigue las mejores prácticas de SEO. Google destaca que la experiencia de la página es uno de los más de 200 factores que utiliza para clasificar los sitios web.

El contenido bien escrito y relevante sigue siendo crucial. Pero su sitio web debe ofrecer una experiencia de usuario optimizada además de un buen diseño web y contenido de calidad.

Nuestro servicio de WPO o Web Performance Optimization

La creación de un sitio web sólido en la era de los Core Vitals requiere una cuidadosa consideración no sólo del tiempo de carga inicial sino también de cómo se comporta el sitio web una vez que la persona lo abre. Requiere optimizar con estrategias como:

  • Optimizar las imágenes con compresión para que se carguen más rápido
  • Lazy loading de imágenes y vídeos para mejorar el tiempo de carga de la página y permitir que los usuarios interactúen sin tener que esperar a que se cargue todo en la página
  • Reducción de la carga útil requerida por la red y el navegador javascript
  • Priorizar los elementos del sitio para que las características más importantes se carguen primero, proporcionando a los usuarios el contenido más crítico lo más rápido posible
  • Prestar atención a las fuentes web para garantizar que todos los elementos optimicen el tiempo de carga

A medida que las páginas crecen en tamaño y complejidad, ¿Cómo puede ofrecer una experiencia rica y a una velocidad rápida? La optimización del rendimiento de la web (WPO) es la respuesta.

La optimización del contenido para el rendimiento web racionaliza los archivos para que se carguen más rápido. Con páginas atractivas, multimedia y con muchas imágenes que se cargan en un abrir y cerrar de ojos, la optimización de contenidos impulsa el tráfico, mejora la experiencia del usuario y aumenta las ventas.

Los usuarios juzgan con rapidez si se quedan en su sitio web o se van: tiene aproximadamente 2 segundos para captar la atención de alguien. Aunque las imágenes de alta calidad venden productos, no hay tiempo para que los elementos visuales se carguen lentamente. Por suerte, al comprimir los archivos grandes, puede acelerar el tiempo de carga sin comprometer la calidad.

La optimización de contenidos le ayuda a elegir los mejores formatos y a aplicar las mejores prácticas de compresión para asegurarse de que siempre ofrece una experiencia eficiente y atractiva al cliente.

Aproximadamente el 80% del tiempo de carga de la página se produce en el front-end. Cuando ese tiempo de carga es lento puede ser de cualquier cosa, desde JavaScript innecesario, hasta imágenes pesadas, especialmente en los sitios web de comercio electrónico, que se basan en imágenes de calidad para vender sus productos. Una limpieza del código, comprimir los archivos de imágenes, reducir las solicitudes externas e implementar una red de distribución de contenidos (CDN) permite servir el contenido rápidamente y acelerar el tiempo de carga.

Dado que la tasa de conversión media de los sitios de comercio electrónico es inferior al 3% y la competencia es feroz, la optimización del front-end es su arma secreta para convertir a los clientes.

Una auditoría de optimización velocidad puede incluir (ejemplo para WordPress):

  • Auditoría WPO inicial
  • Optimización del hosting
  • Optimización de WordPress
  • Optimización de base de datos
  • Optimización de imágenes
  • Optimización de scripts, js y css
  • Optimización de WooCommerce
  • Configuración de CDN
  • Mejora de Core Web Vitals: FID, LCP y CLS
  • Plugins Premium de cache y optimización (la mejor combinación de plugins de rendimiento web, además de servicio de optimización de imágenes)

¿Su sitio web de WordPress no pasa las Core Web Vitals? A menos que su sitio web esté preparado, podría enfrentarse a repercusiones en el ranking.

WordPress se usa en más del 35% de las webs en el mundo. A pesar de la comodidad y la facilidad de uso que ofrece WordPress, su sitio web puede convertirse fácilmente en algo voluminoso y tardar mucho en cargar. Aquí es donde entramos nosotros. Nos especializamos en la optimización del rendimiento de WordPress y en acelerar los sitios web de WordPress.

Hemos ayudado a muchos sitios de WordPress a pasar el Core Web Vitals.

El servicio de optimización de la velocidad wordpress puede incluir:

  • Corregir problemas avanzados y críticos de pagespeed
  • Arreglar el CSS que bloquea el renderizado
  • Añadir CSS crítico
  • Corregir el bloqueo de renderizado de JavaScript
  • Mejorar el tamaño de las imágenes + lazy loading
  • Carga perezosa de iframes
  • Implementar una estrategia de WebFont
  • Mejorar el TTFB
  • Monitorización de las condiciones de uso de la web en tiempo real
  • Acelerar los visitantes recurrentes
  • Optimización avanzada de pagespeed
  • Informe avanzado

Podemos también ayudarle a optimizar la velocidad de su sitio en PHP, Drupal u otras plataformas web.

¿ESTÁS PREPARADO PARA LA ACTUALIZACIÓN DE CORE WEB VITALS?
Si tu sitio web no está preparado, podrías enfrentarse a repercusiones en el ranking

Preguntas frecuentes sobre las Core Web Vitals

¿Qué es la optimización del rendimiento web?

La optimización del rendimiento web es el proceso de analizar el rendimiento de una aplicación web y descubrir formas de mejorarlo.

Los problemas o problemas que podrían afectar el rendimiento de una aplicación aparecen tanto en el lado del cliente como en los códigos del lado del servidor. Es por eso que es importante optimizar y verificar ambas fuentes para mejorarlo adecuadamente.

Cómo medir las Core Web Vitals

Google cree que los Core Web Vitals son fundamentales para todas las experiencias web. Como resultado, se compromete a hacer aflorar estas métricas en todas sus herramientas populares. Las siguientes secciones detallan qué herramientas son compatibles con los Core Web Vitals.

Herramientas para medir los Core Web Vitals

Existen numerosas herramientas para medir el Core Web Vitals. Lo que utilices dependerá de tu experiencia con las herramientas para desarrolladores.

No tiene que ser un gurú del rendimiento para entender la calidad de la experiencia que ofrece a sus usuarios. La iniciativa Web Vitals pretende simplificar el panorama y ayudar a los sitios a centrarse en las métricas que más importan, las Core Web Vitals.

Para cada una de las métricas mencionadas, un buen umbral para medir es el percentil 75 de las cargas de páginas, segmentado entre dispositivos móviles y de escritorio. Las herramientas que evalúan el cumplimiento de las Core Web Vitals consideran que una página aprueba si cumple los objetivos recomendados en el percentil 75 para las tres métricas anteriores.

El Chrome User Experience Report (Informe de experiencia del usuario de Chrome) recopila datos de medición de usuarios reales y anónimos para cada Core Web Vital. Estos datos permiten a los propietarios de sitios evaluar rápidamente su rendimiento sin tener que instrumentar manualmente los análisis en sus páginas, y potencian herramientas como PageSpeed Insights y el informe de Core Web Vitals de la Search Console.

Con PageSpeed Insights, es posible obtener el rendimiento del sitio. Analiza tanto las páginas móviles como las de escritorio. Encuentra problemas reales de los usuarios, así como problemas esperados. Luego, genera sugerencias para hacer que esas páginas sean más rápidas.

Algunas de las herramientas que recomendamos serian:

Google Search Console

Basado en datos reales, el informe Core Web Vitals de Search Console puede ayudarle a descubrir agrupaciones de páginas de su sitio que necesitan mejoras. El rendimiento de las URL se divide en tres categorías: tipo de métrica, estado y grupo de URL (grupos de páginas web similares). Con Google Search Console, puedes ver los datos de varias páginas a la vez. Pero al mismo tiempo, los datos están en una media móvil de 28 días. Por lo tanto, los cambios pueden tardar en aparecer en el informe.

Google Search Console

Google Lighthouse

Lighthouse es una herramienta de auditoría automática de sitios web que ayuda a los desarrolladores a diagnosticar problemas e identificar formas de mejorar la experiencia de usuario de sus sitios. Se instala automáticamente en todas las versiones del navegador Google Chrome como parte de Chrome DevTools.  Merece la pena utilizar Lighthouse junto con la pestaña “Rendimiento”, donde es posible hacer un seguimiento de la carga total de la página para que, paso a paso, se puedan detectar posibles elementos a optimizar Google Lighthouse

Chrome DevTools

El panel Chome DevTools Performance le permite analizar algunas de las métricas de Core Web Vitals. La sección Experiencia le ayudará a analizar los cambios de diseño.

Chrome DevTools

Web Vitals Extension

La extensión Web Vitals está dedicada a la versión de escritorio de Google Chrome. Sirve para las primeras etapas de diagnóstico cuando es posible detectar errores básicos.

Web Vitals Extension

First Contentful Paint
Time To Interactive
Speed Index
PageSpeed Score
Contenidos relacionados
Preferencias de privacidad
Cuando visitas nuestro sitio web, éste puede almacenar información a través de tu navegador de servicios específicos, normalmente en forma de cookies. Aquí puede cambiar tus preferencias de privacidad. Ten en cuenta que el bloqueo de algunos tipos de cookies puede afectar a tu experiencia en nuestro sitio web y a los servicios que ofrecemos.
Abrir chat
1
HABLEMOS
¡Hola! 🙋‍♂️
¿En qué podemos ayudarte?