Las siguientes recomendaciones no solo ayudarán con Core Web Vitals, sino que también mejorarán el estado general de SEO del sitio.
Los widgets personalizados no siempre tardan en cargarse, pero si requieren llamadas a API externas o herramientas de terceros, es posible que sí. Los widgets pesados son widgets que, por definición, requieren llamadas a API externas o código de terceros para cargarse por completo. Por ejemplo, el widget de mapas, el widget de feed de Twitter, el widget de vídeo, cualquier widget de Facebook, etc.
Nota
El «pliegue» de un sitio web se refiere a la parte de la página web que es visible sin necesidad de desplazarse. Es el contenido que ves de inmediato cuando cargas la página por primera vez. Todo lo que tengas que desplazarte hacia abajo para verlo se considera «debajo de la página».
Los widgets personalizados y pesados pueden tener tiempos de carga diferentes entre sí, lo que puede reducir el LCP y la experiencia general de carga de la página.
Sugerencia
En el caso de los widgets personalizados, pídele al desarrollador que mejore la forma en que se procesa y se recupera el contenido con técnicas como la carga asíncrona, la extracción de datos del hilo principal, etc.
Las fuentes se descargan automáticamente y se incrustan en el HTML de la página (hasta un máximo de 50 KB de fuentes), lo que acelera la rapidez con la que el navegador muestra las fuentes. Esto ayuda a evitar que el CLS y las fuentes parpadeen con frecuencia en las páginas que se cargan
Sugerencia
También trate de mantener la cantidad de pesas al mínimo.
Carga solo una imagen en la parte superior del pliegue y coloca los vídeos de fondo en la parte inferior del pliegue
Las imágenes y los vídeos de fondo suelen ser el activo más importante que los navegadores descargan en un sitio. Cuando hay muchas imágenes, imágenes grandes (las que ocupan la mayor parte del ancho de la página) o vídeos, puede producirse un retraso en el LCP y un aumento en el CLS porque el navegador tiene que descargar los elementos antes de poder renderizarlos
Si necesitas varias imágenes en la parte superior de la página, reduce el tamaño de la imagen al de un icono o una miniatura.
Sugerencia
Mueva los vídeos de fondo y las presentaciones de diapositivas hacia abajo en la página. Si quieres usar una presentación de diapositivas, limítala a
Core Web Vitals puede tener un gran impacto en la forma en que Google clasifica los sitios y promete hacer grandes cosas para la experiencia del usuario.
Para ver vídeos, repeticiones de webinars y mucho más, visita nuestra Centro de recursos de Core Web Vitals, centrado exclusivamente en preparar sus sitios para Core Web Vitals.