Arreglar LCP Error en Core Web Vitals en GSC
Google publicó un nuevo informe en la consola de búsqueda llamado Core Web Vitals. Estos informes de velocidad reemplazados se considerarán como un factor de clasificación en 2021. Core Web Vitals se considerará como un factor de clasificación junto con Page Speed, HTTPS. Compatibilidad con dispositivos móviles y otros factores en la página.
Core Web Vital considera elementos de UX y UI en la página para averiguar el promedio de una página para tres métricas principales,
No hay solución de código único particular para resolver los problemas, pero puede optimizar el sitio web para resolver los errores. Aquí enumeraré algunas de las prácticas que pueden ayudarlo a resolver la pintura con contenido más grande (LCP) 'Más que' para sus páginas web.
Ver también -> ¿Chrome lento? Consejos para acelerar su navegador en PC
¿Qué es LCP?
La pintura con contenido más grande ( La métrica LCP) informa el tiempo de procesamiento del elemento de contenido más grande visible dentro de la ventana gráfica. En términos simples, es el tiempo que tarda un elemento principal en cargarse en la pantalla visible después de que la página comienza a cargarse.
Para brindar una buena experiencia de usuario, los sitios deben esforzarse por que la Pintura con contenido más grande ocurra dentro de la primera 2,5 segundos de la página comenzando a cargar.
¿Qué elementos se consideran para LCP?
Los tipos de elementos considerados para la pintura con contenido más grande son;
-
< img >elementos -
< image >elementos dentro un elemento< svg > -
< video >elementos - Un elemento con una imagen de fondo cargada a través de la URL
()función - Elementos a nivel de bloque que contienen nodos de texto u otros elementos secundarios de texto a nivel de línea.
Artículo interesante -> Las mejores alternativas gratuitas de RARBG
¿Cuáles son las causas de un LCP alto?
- Respuesta lenta del servidorveces
- JavaScript y CSS que bloquean la representación
- Tiempos de carga de recursos lentos
- Representación del lado del cliente
¿Cómo optimizar el sitio web para corregir un LCP alto?
Utilice un buen alojamiento con buen tiempo de respuesta y baja tasa de latencia. Asegúrese de optimizar los servidores, utilice CDN de terceros gratuitos como Cloudflare, jsDelivr, estáticamente para entregar activos estáticos rápidamente. Si está trabajando en WordPress, hay varios complementos que pueden ayudarlo a hacer el trabajo por usted.
Use imágenes comprimidas con formatos de imagen de próxima generación como JPEG XR, JPEG 2000 o WebP. Estos formatos modernos ayudan a acelerar la carga de imágenes en un 50%. Hay algunos complementos para WordPress que lo ayudan automáticamente a comprimir y convertir las imágenes sobre la marcha. Además, use una imagen CDN como WP-Photon para reducir el ancho de banda del servidor y aumentar la velocidad del sitio.
Puede usar los servicios de caché para cargar una página HTML estática que no cambia en cada solicitud, el almacenamiento en caché puede evitarlo. de ser recreado innecesariamente. Los complementos de caché almacenarán una copia del HTML generado en su servidor y cuando se solicita una página, el servidor libera la carga de caché, lo que puede reducir el tiempo hasta el primer byte (TTFB) y minimizar el uso de recursos.
También puede usar servicios como Cloudflare, que ejecuta a los trabajadores del servicio en el fondo del navegador y puede interceptar solicitudes del servidor. Toman una caché HTML completa de la página y sirven primero la caché de páginas HTML, lo que puede reducir significativamente el tiempo de carga.
Otras cosas importantes para considerar es optimizar el sitio web para un buen LCP es
- Eliminar JavaScript y CSS que bloquean la representación
- Aplazar CSS no crítico
- Minificar recursos
- Precargar recursos importantes
Puede encontrar una guía más detallada sobre cómo optimizar un sitio web parareduzca LCP y haga que sus páginas se carguen más rápido para una mejor experiencia de usuario en el sitio web oficial de Web.Dev.
Conclusión: Con la introducción de web vitals centrales en GSC y siendo considerado como un factor de clasificación . LCP es una métrica muy importante de corregir porque toma nota del tiempo que tarda el elemento más grande en cargarse en la ventana gráfica del dispositivo. He proporcionado algunas correcciones y soluciones provisionales para optimizar el sitio para un LCP bajo.
Si tiene alguna idea sobre Solucione el error "Más que" de LCP en Core Web Vitals en GSC , luego siéntase libre de pasar por debajo del cuadro de comentarios. Además, suscríbase a nuestro canal de YouTube DigitBin para ver videos tutoriales. ¡Salud!
Deja un comentario