Rendimiento de JavaScript de terceros
Descubra cómo JavaScript de terceros puede afectar el rendimiento y lo que puede hacer para evitar que se ralenticen sus sitios.
JavaScript de terceros generalmente se refiere a scripts incrustados en su sitio web que:
- No los escribió usted
- Operan desde servidores de terceros
Los sitios usan estos scripts para varios propósitos, que incluyen:
- Botones para compartir en redes sociales
- Reproductor de video incrustado
- Servicios de chat
- Iframes publicitarios
- Scripts de análisis y estadísticas
- Scripts de prueba A/B para experimentos
- Bibliotecas auxiliares (como formato de fecha, animación y bibliotecas funcionales)
Los scripts de terceros pueden proporcionar una funcionalidad poderosa, pero esa no es toda la historia. También afectan la privacidad, la seguridad y el comportamiento de la página, además pueden ser particularmente problemáticos para el rendimiento.
Rendimiento #
Cualquier cantidad significativa de JavaScript puede ralentizar el rendimiento. Pero debido a que JavaScript de terceros generalmente está fuera de su control, puede implicar problemas adicionales.
La red #
La configuración de conexiones lleva tiempo y el envío de demasiadas solicitudes a varios servidores provoca ralentizaciones. Ese tiempo es incluso más largo para las conexiones seguras, que pueden implicar búsquedas de DNS, redireccionamientos y varios recorridos de ida y vuelta al servidor final que maneja la solicitud del usuario.
Los scripts de terceros a menudo se suman a la sobrecarga de la red con cosas como:
- Disparar solicitudes adicionales de red
- Extraer imágenes y videos no optimizados
- Almacenamiento en caché HTTP insuficiente, lo que obliga a la obtención frecuente de recursos de red
- Compresión insuficiente de los recursos del servidor
- Varias instancias de marcos y bibliotecas extraídas por diferentes incrustaciones de terceros
Representación #
La forma en que se carga JavaScript de terceros es muy importante. Si se realiza de forma sincrónica en la ruta crítica de renderizado, retrasa el análisis del resto del documento.
Si un tercero tiene problemas con el servidor y no puede entregar un recurso, la renderización se bloquea hasta que se agota el tiempo de espera de la solicitud, que puede ser de 10 a 80 segundos. Puede probar y simular este problema con las pruebas de punto único de falla de WebPageTest.
Qué hacer al respecto #
El uso de JavaScript de terceros a menudo es inevitable, pero hay cosas que puede hacer para minimizar los efectos adversos:
- Al elegir recursos de terceros, favorezca aquellos que envíen la menor cantidad de código y, al mismo tiempo, le brinden la funcionalidad que necesita.
- Utilice presupuestos de rendimiento para el contenido de terceros para mantener su costo bajo control.
- No use la misma funcionalidad de dos proveedores diferentes. Probablemente no necesite dos administradores de etiquetas o dos plataformas de análisis.
- Audite y limpie rutinariamente los scripts de terceros redundantes.
Para aprender a auditar el contenido de terceros y cargarlo de manera eficiente para un mejor rendimiento y experiencia del usuario, consulte las otras publicaciones en la sección Optimice sus recursos de terceros.