Si una secuencia de comandos de terceros ralentiza la carga de la página, tienes dos opciones para mejorar el rendimiento:
- Quítala si no agrega valor claro a tu sitio.
- Optimiza el proceso de carga.
En esta publicación, se explica cómo optimizar el proceso de carga de secuencias de comandos de terceros con las siguientes técnicas:
- Usa el atributo
async
odefer
en las etiquetas - Cómo establecer conexiones anticipadas con los orígenes necesarios
- Carga diferida
- Cómo optimizar la entrega de secuencias de comandos de terceros
Usa async
o defer
Debido a que las secuencias de comandos síncronas retrasan la construcción y la renderización del DOM, siempre debes cargar secuencias de comandos de terceros de forma asíncrona, a menos que la secuencia de comandos se deba ejecutar antes de que se pueda renderizar la página.
Los atributos async
y defer
le indican al navegador que puede seguir analizando el código HTML mientras carga la secuencia de comandos en segundo plano y, luego, ejecutarla después de que se cargue. De esta manera, las descargas de secuencias de comandos no bloquean la construcción del DOM ni la renderización de la página, lo que permite que el usuario vea la página antes de que se carguen todas las secuencias de comandos.