Как лучше грузить скрипты на странице?

Добрался до gulp'a, чтобы объединять скрипты и минифицировать их. Однако созрел вопрос, как их лучше грузить. Проект большой, поэтому будет этап перехода от старой системы к новой (в старой системе часть скриптов вписывалась прямо в шаблоне страницы в теге script). Значит, например, jquery однозначно надо грузить в шапке. Свои скрипты можно убрать в футер. Так?

Есть такая штука ещё как RequireJS, который грузит динамически скрипты при необходимости. Какой смысл его использовать, если он нагружает сервер лишними запросами, а скрипты рекомендуется именно объединять в один файл?
  • Вопрос задан
  • 1902 просмотра
Пригласить эксперта
Ответы на вопрос 2
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Может и не прав, но для валидации https://developers.google.com/speed/pagespeed/insights/
Перед </body> делаю так:
<!--Динамическая подгрузка стилей и скриптов для валидатора-->
   <script>
    var script = document.createElement('script');
    var link = document.createElement('link');
    /*Подключаем стили*/
    document.getElementsByTagName('head')[0].appendChild(link);
    link.setAttribute('rel','stylesheet');
    link.setAttribute('type','text/css');
    link.setAttribute('href','css/style.css');
    /*Подключаем скрипт*/
    document.getElementsByTagName('head')[0].appendChild(script);
    script.type = 'text/javascript';
    script.src= 'js/script.js';
    </script>

Файл script.js содержит подключения
require('script1.js')
require('script2.js')
require('script3.js')
...
require('scriptN.js')
Ответ написан
@Shad30
Вот тут довольно интересный метод загрузки скриптов

https://github.com/agragregra/optimizedhtml-start-...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы