- имеем стандартный набор при загрузке:
- php файлы
- js файлы
- css файлы
- файлы картинок
Какая последовательность загрузки лучше?
1. Загрузка js файла блокирует все остальные операции (не уверен, но допустим).
2. Если первый раз открываем страницу , то все грузится полностью с сервера, второй раз что-то уже подгружается из кэша (это намного быстрее происходит).
Наша задача как можно быстрее загрузить внешнее содержание страницы , чтобы пользователь быстрее увидел информацию. В процессе отображения желательно , чтобы пользователь не наблюдал скачки по экрану объектов туда-сюда. Лучше сразу отбразить все объекты на своих местах и чтобы они уже потом больше не меняли положение. Воспользуемся прелоудером, который скрывает страницу до полного формирования объектов на странице.
Вроде в интернете рекомендуют загрузку js файлов на самый последний этап загрузки помещать . Как правило содержание страницы уже к этому моменту полностью сформировано и далее подгружается только функционал (не влияющий на первоначальный внешний вид страницы или влияющий таким образом , чтобы не дергать уже расположение объектов, изменением размеров, стилей и т.д.)
Также у нас используется динамически подгружаемый контент через ajax. Это значит ,что когда window.onload уже сработало, контент еще подгружается частично.
сначала грузим jQuery
Ибо jQuery это наша оболочка на все случаи жизни.
<script type="text/javascript" src="/_common_/js/jquery-3.2.1.min.js"></script>
Но надо как-то узнать о его полной загрузке, прежде, чем переходить к загрузке других js файлов и исполнению других js скриптов , которые используют jQuery, иначе произойдет коллапс.