Es posible que hayas escuchado mucho sobre los Core Web Vitals de Google y tengas curiosidad por saber qué son y cómo se compara tu sitio web. Actualmente es un tema candente en SEO, ya que es una de las actualizaciones de algoritmo más recientes de Google y comenzó a implementarse en junio. Los Core Web Vitals son un conjunto de factores específicos que Google considera cruciales para la experiencia del usuario de un sitio web. Los Core Web Vitals están compuestos por tres mediciones: largest contentful paint, first input delay y cumulative layout shift, y se centran principalmente en la velocidad de la página y el tiempo de carga. Sin embargo, ¿qué implica esto para tu sitio web? ¿Qué son y qué significan?
Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP) es una Core Web Vital que mide, en segundos, el tiempo transcurrido entre cuando la página comienza a cargarse y cuando el bloque de texto o la imagen más grande es visible y está listo para interactuar. Esto no indica cuánto tiempo tarda en cargarse toda la página. Lo que medimos para LCP es la velocidad con la que la vista del usuario, o lo que aparece en su navegador, aparece y qué tan rápido lo hace. Pueden comenzar a usar tu sitio web. LCP se utiliza para medir esto.
Esto es lo que debes saber:
- Google quiere que tu sitio tenga un LCP de 2,5 segundos o menos.
- El factor más importante en el LCP son los servidores lentos, así que un hosting de calidad y alta velocidad es más importante que nunca.
- Uno de los segundos factores más importantes son las imágenes mal dimensionadas y demasiado grandes. Si no estás ajustando el tamaño de tus imágenes antes de subirlas, es hora de empezar a hacerlo ahora.
Retraso de la Primera Entrada (FID)
FID es la cantidad de tiempo que necesita un navegador para responder a la primera interacción de un usuario con un sitio web mientras se está cargando. Considera que cuando visitas un sitio web, carga de arriba hacia abajo. El FID determina si puedes interactuar con la parte superior de un sitio web mientras la parte inferior todavía se está cargando, o si debes esperar hasta que toda la página se haya cargado antes de actuar. No quieres que tus usuarios tengan que esperar para comenzar a interactuar; deberían poder hacerlo de inmediato. Una interacción puede consistir en hacer clic en un botón, hacer clic en un enlace, usar un menú desplegable, navegar por el menú, etc. Este es un factor importante porque le brinda a Google información sobre cuánto tiempo debe esperar un usuario para realizar realmente una acción en tu sitio web. Esto es lo que debes saber: Google quiere que el FID de tu sitio web sea menor de 100 milisegundos. La carga de Javascript en la parte superior de la página es uno de los principales factores que afectan el FID. Una opción es cargar JavaScript solo en las páginas donde se requiera, o posponer o retrasar la carga para que no impida de inmediato la interacción con la página.
Alteración Acumulativa del Diseño (CLS)
CLS es el movimiento inesperado de elementos de una página web durante el proceso de carga. Esto incluye imágenes, videos, formularios, botones y modificaciones de fuente que ocurren mientras el navegador lee el código. Si alguna vez has estado intentando leer un artículo en tu teléfono y el texto se movió de repente, o si hiciste clic en el enlace incorrecto porque las cosas cambiaron de lugar, has experimentado CLS. Lo que debes saber:
- Google quiere que tu sitio tenga un FID de 100 milisegundos o menos.
- Uno de los factores más importantes para el FID es la carga de Javascript en la parte superior de la página. Una opción es cargar javascript solo en las páginas donde se necesita, o posponer o retrasar la carga para que no ocurra de inmediato y bloquee la interacción con la página.
Cómo determinar tus métricas principales de la web
Antes de corregir algo, primero debes determinar qué necesita atención. Puedes comenzar usando la herramienta de Google para page speed insights. Ve a ese sitio web, ingresa tu URL completa y verás resultados similares a estos.
Según tus puntuaciones, puedes determinar qué necesita mejorarse. Te recomiendo los siguientes fundamentos para que empieces en la dirección correcta.
Cómo abordar tus dificultades
Obtén un hosting mejor
Este es uno de los conceptos más difíciles de aceptar para las personas; se niegan a creer que su servidor sea lento. Especialmente si usas una de las grandes empresas de hosting para tu sitio. Si estás pagando menos de $10 al mes, es probable que el servidor de tu sitio web sea lento. La velocidad de la página siempre ha sido un factor de posicionamiento, pero con CWV es más crucial que nunca. Además, mejorar la experiencia del usuario tiene múltiples efectos positivos en tus resultados finales.
Usa caché agresivamente.
La caché mejora significativamente estas puntuaciones, y muchos plugins de caché para WordPress pueden resolver muchos de estos problemas. Me gusta WP Rocket, que me parece un plugin de caché para WordPress eficaz y fácil de usar. Es un plugin premium, pero la buena noticia es que está incluido en el paquete de tu sitio y configurado para ti si eres uno de mis clientes. ¡Wuhoo! Asegúrate de que tu caché esté configurada y probada correctamente para verificar que funcione bien. Instalar y activar tu plugin de caché no es suficiente; también debes decidir qué y cómo almacenar en caché para que funcione.
Ajusta el tamaño de tus imágenes
Debes dejar de subir fotos directamente desde tu cámara o teléfono porque la web no requiere imágenes tan grandes. Ajusta y optimiza tus imágenes antes de subirlas al tamaño exacto que necesitas. Créeme, tendrá un impacto mayor de lo que piensas. Usa un plugin como WebP Converter for Media para convertir tus imágenes al formato WebP. WebP es un formato de imagen que ofrece una compresión mejorada para imágenes web. Las imágenes con pérdida en WebP son entre un 25 y un 34% más compactas que las imágenes JPEG comparables. El plugin WebP Converter for Media es gratuito, sencillo de instalar y muy funcional. Invertir en una CDN también puede ser beneficioso.
Elimina scripts innecesarios de terceros
Siempre habrá scripts que necesites, como el script de Google Analytics, tu código de Google Tag Manager, etc. Sin embargo, si no necesitas scripts de terceros, elimínalos. También puedes intentar cargar estos scripts solo en las páginas que los requieran. Me gusta usar HotJar para ver cómo interactúan las personas con mi sitio web, pero el script ralentiza el sitio, así que mi alternativa es usarlo y evaluar los resultados antes de eliminarlo.
Desactiva y elimina temas y plugins inactivos
Los plugins y temas inactivos pueden ralentizar tu sitio web. Si no lo estás usando, no deberías simplemente desactivarlo. Elimínalo por completo de tu sitio web. Además, considera si realmente necesitas todos los plugins que tienes y, si no, elimínalos. Ocasionalmente, podemos dejarnos llevar por las pruebas y olvidar que algo que agregamos es innecesario. El propósito de CWV es brindar a los usuarios una mejor experiencia de página; los sitios que lo logran serán recompensados con mejores posiciones, así que es buena idea invertir tiempo en obtener una buena puntuación.
