Las recomendaciones a continuación no solo ayudarán con Core Sitio web Vitals, sino que también mejorarán la salud general de SEO del sitio.
Los widget personalizados no siempre tardan en cargar, pero si requieren llamadas a API externas o toolde terceros, pueden serlo. Las widget pesadas son widget que, por definición, requieren llamadas a la API externa o código de terceros para cargar por completo. Por ejemplo, el widget de mapa, el widget de feed de Twitter, el widget de video, cualquier widget de Facebook, etc.
Nota
El "pliegue" de un sitio web se refiere a la parte del sitio web que es visible sin desplazamiento. Es el contenido que ves de inmediato cuando cargas la página por primera vez. Cualquier cosa que tenga que desplazar hacia abajo para ver se considera "debajo del pliegue".
Las widget personalizadas y pesadas pueden tener tiempos de carga diferentes entre sí, y esto puede disminuir el LCP y la experiencia general de carga de la página.
Recomendación
En el caso de las widgetpersonalizadas, pida a su desarrollador que mejore la forma en que se representa y se recupera el contenido con técnicas como la carga asincrónica, la obtención de datos del subproceso principal, etc.
Las fuentes se descargan e incrustan automáticamente en el HTML de su página (hasta un máximo de 50 KB de fuentes), lo que acelera la rapidez con la que su navegador muestra las fuentes. Esto ayuda a evitar CLS y los destellos de fuente que se ven comúnmente en las páginas de carga.
Recomendación
También trate de mantener el número de pesos al mínimo.
Es posible que Google tag Manager descargue bibliotecas y códigos adicionales que no necesita, lo que puede reducir el LCP. Si solo tiene una o dos tecnologías de seguimiento, es posible que no valga la pena implementar Google tag Manager.
Recomendación
Si tienes Google tag Manager en tu sitio, consulta Google tag Manager para obtener sugerencias sobre cómo cerciorarte de que el código de seguimiento se cargue correctamente y no ralentice el sitio.
Cargue solo una sola imagen en la mitad superior de la página y coloque los videos de fondo debajo de la mitad
Las imágenes y los videos de fondo suelen ser el mayor activo 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 videos, puede haber un retraso en LCP y un aumento en CLS porque el navegador tiene que descargar los elementos antes de que se puedan renderizar.
Si necesita varias imágenes en la mitad superior de la página, reduzca el tamaño de la imagen al de un icono o una miniatura.
Recomendación
Mueva los videos de fondo y las presentaciones de diapositivas más abajo en la página. Si desea emplear una presentación de diapositivas, limítela a 3 imágenes o menos.
Las Core Sitio web Vitals pueden tener un gran impacto en la clasificación de los sitios por parte de Google, y prometen hacer grandes cosas por la experiencia del usuario.
Para ver videos, repeticiones de seminarios sitio web y mucho más, visita nuestro Centro de Recursos de Core Sitio web Vitals, centrado por completo en la preparación de tus sitios para las Core Sitio web Vitals.