Diez formas de mejorar el tiempo de carga de su sitio web y Google Core vitals

Contenido
¿Cuáles son los elementos vitales de la web básica?
1. Optimice su navegador CDN y caché
2. Use el tamaño exacto para todos los anuncios y medios
3. Cargar imágenes con una resolución perezosamente, dependiendo del tipo de dispositivo utilizado
4. Use SSR y CSR de manera inteligente
5. Defiere todo dividiendo su código
6. Use técnicas de compresión brotli para reducir los activos estáticos
.
8. Reduzca el tamaño general de sus páginas y documentos
9. Reemplazar miniaturas de video con imágenes sustituyentes
10. Elija el servidor más rápido disponible
Conclusión
¿Cuáles son los elementos vitales de la web básica a principios de este año? Google ha introducido un nuevo conjunto de criterios que definen la estabilidad, la velocidad y la capacidad de respuesta de cualquier sitio web. Los tres criterios principales son los siguientes:
Cambiar el aspecto acumulativo define cuánto debe cambiar y cambiar la estructura de una página web. El valor de referencia para esto es 0.1.
La pintura de contenido más grande mide cuánto dura el contenido principal de una página. Los mejores resultados deben ser de 2.5 segundos o menos.
El retraso en la primera introducción es el tiempo entre la apertura de una página web y el momento en que se convierte por primera vez en interactivo. El tiempo más común buscado es de aproximadamente 100 milisegundos.
Dados estos términos básicos, veamos cómo puede usar Core Vitals para hacer su sitio de la manera más rápida y eficiente posible.
1. Optimice su CDN y el caché del navegador Sus puntajes FID y LCP deben mejorarse con bastante rapidez utilizando este método. Sirva sus activos estáticos en un CDN o manténgalos en un caché en un servicio como Cloudfront de AWS. Los navegadores obtendrán los resultados necesarios mucho más rápido después. Además, las páginas dinámicas se pueden almacenar en caché en su CDN con los valores TTL correctos ya aplicados, dependiendo de cómo estén involucradas sus aplicaciones 2. Use el tamaño exacto para todos los anuncios y medios en términos de sus puntajes, este es uno. de los factores más importantes. Siempre verifique si ha establecido una cierta altura para imágenes o materiales etiquetados, lo cual es muy importante, especialmente para los componentes en el nivel de plegado. Si está presionado por el tiempo, siempre puede establecer las alturas en la automática y obtener un tamaño aproximado que debería funcionar lo suficiente en un poco.

Los anuncios también consideran CLS y debe verificar cuidadosamente sus alturas y dimensiones para asegurarse de que no reemplacen el contenido mostrado incorrectamente. Esto puede necesitar contactar a su proveedor de servicios de publicidad o comprar algunas opciones diferentes si su CLS se ve constantemente afectado. Si está en una plataforma de WordPress, le recomendamos que considere un complemento como EWWW, que puede entregar automáticamente sus imágenes a la webp y activar funciones como la carga perezosa para retrasar la carga de todas las imágenes al cargar la página.
3. Cargar imágenes con una resolución perezosa, dependiendo del tipo de dispositivo utilizado, esta técnica produce resultados increíblemente rápidos y debería ser una de sus primeras consideraciones. Utilizando un paquete de carga perezoso para, sorprendentemente, la carga perezosa de todas las imágenes en su sitio, su LCP se verá afectado positivamente, en primer lugar al reducir el peso de la página y garantizar que se cargue como sea posible rápidamente posible. También es esencial establecer la resolución para cada activo de acuerdo con el tipo de dispositivo utilizado para ver su sitio. Cargar la resolución como tamaño único hará que el sitio sea mucho más lento en dispositivos más pequeños o menos potentes y afectará a su LCP de la peor manera posible. Use SSR y CSR de manera inteligente Google siempre está ansioso por alentar y promover páginas bien punteadas Lade Side Rendered (SSR) para inspirar un valioso rendimiento de SEO. Sin embargo, debe considerar el equilibrio entre el SEO y el rendimiento de la carga de la página. Las páginas con demasiado contenido pueden tardar mucho tiempo en cargarse en el lado del servidor y reducir el rendimiento general de su sitio. El contenido real debe mantenerse por encima de la página, mientras que otras funciones del sitio deben retroceder para mejorar la SSR. Este estilo de carga asincrónica lleva mucho tiempo fuera de los puntajes de carga y representación.
5. Defiere todo dividiendo su código

El uso de las dimensiones de archivo más significativas para los activos (especialmente los archivos JS) es generalmente una mala idea. En cambio, debe permitirse el protocolo H2 y usarlo para cargar activos asincrónicos en piezas separadas. Además, en lugar de usar un archivo HTML enorme, puede dividir el sitio en varios archivos más pequeños y, por lo tanto, puede reducir la tarea de carga. 6. Use técnicas de compresión Brotli para reducir los activos estáticos en términos de compresión, Brotti parece ser la mejor opción en términos de carga. Sin embargo, se agregarán tasas de compresión más altas al paquete y los tiempos de construcción en términos de devotos de cualquier otra cosa. 7. Haga el contenido de la respuesta y la solicitud de la API más eficiente como indudablemente, el elemento más vital en términos de velocidades de carga, incluso los cambios más menores, puede dar resultados masivos de API. Las respuestas y solicitudes de API deben verificarse con frecuencia en aras de la optimización. Además, defina los parámetros de datos y use solo lo que se necesita para ahorrarle mucho tiempo y esfuerzo. Elegir una red para sus API también merece un análisis cuidadoso, porque el alojamiento en las subidas incorrectas puede aumentar enormemente el requisito de tiempo.
8. Reduzca el tamaño general de sus páginas y documentos

Las páginas de destino con códigos pesados ​​(cualquiera de más de 75 kb es probable que sean graves) son muy no deseadas, porque la carga y la toma de control están aumentando drásticamente. Siempre trate de mantener las cosas limpias del código porque es fácil perder fragmentos de datos redundantes. 9. Reemplace las miniaturas de video con imágenes sustituyentes Muchos visitantes del sitio prefieren no interactuar con el contenido de video, por lo que cargar miniaturas para videos que no se reproducen es un desperdicio de recursos en este caso. Es una mejor idea elegir una imagen sustituta o un vacío Espacio de video para preservar los recursos y, por lo tanto, aumentar la velocidad del sitio. 10. Elija el servidor más rápido disponible
Esto puede parecer un factor obvio, pero todavía vale la pena. La inversión en la mejor infraestructura del servidor suele ser una gran idea, ya que afecta directamente la velocidad de todo el sitio, sin excepción. Al gastar un poco más de dinero, ahorrará una cantidad considerable de tiempo en general. CloudFlare es una excelente herramienta DNS que le permite optimizar su sitio de manera efectiva, sin recursos costosos del servidor.