Qué son Core Web Vitals?
Core Web Vitals son un conjunto de métricas que Google considera importantes en la experiencia general del usuario de una página web. Forman parte de la puntuación de “Experiencia de página” de Google. Estas métricas vitales consisten en tres mediciones específicas: Largest Contentful Paint (LCP), First Input Delay (FID) y Cumulative Layout Shift (CLS).
Para darte una idea, imagina que apareces frente a un club nocturno elegante y un portero decide si tu atuendo es lo suficientemente llamativo. Eso sucede cuando Google evalúa tu página, decidiendo si mereces el cielo de las primeras diez líneas de los resultados de búsqueda o estás destinado al infierno de la segunda página.
Antes de empezar, consideremos un tema tan importante como la capacidad de atención, que está directamente relacionada con las métricas de Core Web Vitals.
¿Sabías que la capacidad de atención de una persona adulta promedio es de aproximadamente 8.25 segundos? ¡Un pez dorado tiene más dedicación a una acción que la humanidad!
En la era digital, las personas consumen miles de impresiones cada segundo, por lo que el rendimiento de tu sitio web es absolutamente fundamental.
Por qué las Core Web Vitals son cruciales para Publishers?
Estas métricas no son solo números de moda para los publishers en el ámbito programático. Influyen en cómo se clasifica su sitio en los resultados de búsqueda. Google ha indicado que las Core Web Vitals, que reflejan la experiencia del usuario en el mundo real, tendrán un impacto en las clasificaciones de búsqueda. Además, un estudio de Deloitte destaca que una mejora de tan solo ☝️ 0,1 segundos en el tiempo de carga de un sitio web puede aumentar las tasas de conversión hasta en un 81 %. En el caso de los anuncios, esto se traduce en una mayor visibilidad, mayores tasas de interacción y un posible aumento de los ingresos.
¿Qué deben tener en cuenta los publishers?
Ya no se trata solo de publicar contenido: el cómo se ha vuelto tan crítico como el qué.
Evaluando sus Core Web Vitals, los publishers deben mantener un ojo de radiografía para:
-
Optimización de imágenes:
Las imágenes de alta resolución pueden ser enormes en tamaño, lo que lleva a tiempos de carga más largos. Considere utilizar formatos modernos como WebP, que brindan una calidad de imagen excelente con tamaños de archivo significativamente más pequeños. Además, implemente imágenes responsivas usando la etiqueta `srcset` atributo, asegurando que los dispositivos descarguen el tamaño de imagen más apropiado.
-
Actualizar hosting
No todo el hospedaje es igual. Un Servidor Privado Virtual (VPS) o un hospedaje dedicado podría ser una opción para acelerar tus Core Web Vitals. Una Red de Entrega de Contenidos (CDN) puede acelerar aún más la entrega de contenido sirviendo tu sitio web desde ubicaciones cercanas a tus usuarios.
-
Usar Caché del Navegador:
El almacenamiento en caché es como darle a tus visitantes un “plano” de tu sitio, para que su navegador pueda reconstruirlo en visitas posteriores sin tener que descargar todos los datos de nuevo. Puedes reducir drásticamente los tiempos de carga para los visitantes recurrentes aprovechando el almacenamiento en caché del navegador.
-
Optimizar el número de anuncios:
Analizar el rendimiento de los anuncios y considerar limitar el número de anuncios menos efectivos o reemplazarlos por formatos de anuncio más ligeros y atractivos.
-
Modificar CSS y JavaScript:
JavaScript y CSS son fundamentales para el diseño web moderno, pero también pueden ser los culpables de sitios lentos. Utiliza la carga asíncrona para JS para asegurar que los scripts no bloqueen la representación de tu página. Para CSS, elimina el bloqueo de renderizado insertando CSS crítico y posponiendo los estilos no críticos.
Revisión de la salud de Core Web Vitals
¿Recuerdas esos chequeos médicos en el consultorio del doctor? No son lo más agradable (¡especialmente un dentista!), pero es una experiencia totalmente vital. Hemos recopilado algunas herramientas fiables para que puedas llevar tu sitio web al “consultorio del doctor” para un chequeo de salud.
Google Page Speed Insights
Esta es una herramienta que debes usar de Google que ofrece análisis de rendimiento tanto para móviles como para escritorio. Proporciona una evaluación de las métricas de CWV y también ofrece sugerencias de optimización.
Google Search Console
Hay una sección dedicada a las Core Web Vitals, que ofrece una visión general de todo el sitio e identifica las páginas que necesitan mejorar.
Faro
Integrado dentro de las Chrome DevTools, Lighthouse proporciona auditorías de rendimiento, accesibilidad, aplicaciones web progresivas, SEO y más.
WebPageTest
Esta herramienta avanzada permite realizar pruebas desde múltiples ubicaciones y utilizar navegadores reales. Proporciona una comparación visual, detalles avanzados de rendimiento y un desglose de las Core Web Vitals.
Si bien todas estas herramientas son útiles, es una buena idea usar una combinación de ellas para comprender de manera integral el rendimiento de tu sitio web.
¿Tus? Core Web Vitals ¿Hasta la marca?
En Refinery89, nos preocupamos diligentemente por tus Core Web Vitals, ofreciendo soluciones personalizadas creadas por publishers para publishers.
Contactar, y juntos, elevaremos el rendimiento de su sitio a niveles que no solo cumplan, sino que superen los puntos de referencia de la industria.
