Есть ли какой-нибудь короткий и лучший способ для загрузки набора необходимого JavaScript на одном участке и других файлов Javascript после загрузки страницы?

Question

Требование:

• Загрузка сценариев, необходимых для начальной загрузки страницы (означает, что загрузка сценариев должна начинаться в той же точке)
• другие сторонние сценарии должны быть загружены после загрузки страницы.(эти сценарии также должны начать загрузку в тот же момент)

Мы попытались: - загрузить сценарии req перед телом - добавили прослушиватель для загрузки второго набора сценариев после загрузки страницы

Но все равно загрузка скриптов начинается не так уж и правильно.

Answer 1

Вы можете использовать Событие загрузки окна , чтобы узнать, когда ваша страница закончила загрузку (исключая сторонние скрипты, которые не являются первичной необходимостью для вашей страницы), и загрузить любые другие сторонние скрипты / манипуляции / рендеринг / что-либо внутри обработчика событий.

<script>
  window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");

   $.getScript( "ajax/test.js" )
     .done(function( script, textStatus ) {
    console.log( textStatus );
     })
    .fail(function( jqxhr, settings, exception ) {
       $( "div.log" ).text( "Triggered ajaxError handler." );
    });

  });
</script>

Также используйте инструменты объединения, такие как веб-пакет, чтобы объединить все ваши первичные файлы JS в один файл, CSS в один файл. Это значительно увеличит загрузку вашей страницы.