Estoy integrando diferentes herramientas de terceros con mi proyecto, digamos newrelic, branchIO, etc., estoy cargando todos sus js en el objeto de ventana.
Actualmente estoy tratando de usar una de las bibliotecas de internacionalización. tengo 2 planes 1) Para cargar (en/es) translation-keys.json (un archivo que tiene pares de valores clave donde los valores son los textos en los idiomas correspondientes) en el objeto de ventana. 2) Para cargar el archivo en el estado global de mi aplicación.
También tengo planes para agregar más herramientas de terceros que se cargarán en el objeto de la ventana en el futuro.
Mi pregunta es: ¿la sobrecarga del objeto de la ventana del navegador con muchos archivos causará problemas de rendimiento? Si es así, ¿hay alguna otra forma de mejorar el rendimiento?
si está usando HTML y js, puede usar diferir y sincronizar para controlar cuándo y cómo se puede cargar el archivo.js. y para una opción más avanzada, puede crear la importación del archivo js con js
const script = document.createElement('script'); // 👇️ local file // script.setAttribute('src', 'another-file.js'); // 👇️ remote file script.setAttribute( 'src', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js', ); script.setAttribute('async', '');y que con el concepto de (asincronismo, espera y promesa) puede tener el control total de cómo y cuándo cargar sus archivos.