Скрипты Bootstrap-4, лучшее расположение и теги скриптов - PullRequest
0 голосов
/ 13 мая 2019

Старая тема с множеством обсуждений ... Я прочитал многие из них, но все еще не уверен ...

Какое лучшее место и лучшие теги скрипта (defer / async) для поиска начальной загрузки-4 JS-скрипта для лучшей производительности?

В документации Bootstrap: «Поместите следующие s в конце своих страниц, справа перед закрывающим тегом тела

</body>

Они не используют какие-либо теги сценария (defer / async)

Я читал о тегах сценариев. Некоторые писали, что обнаружение сценария перед закрывающим тегом тела похоже на определение заголовка с помощью тега "defer". (за исключением старых браузеров) некоторые говорят, что «производительность была бы лучше, если скрипты все еще находятся в конце, так как они будут загружены позже»

Так что следующая рекомендация ??? 1014 *

Нахождение jquery / popper / bootstrap перед закрывающим тегом тела, сначала jquery и использование defer для popper.min.js и bootstrap.min.js?

<body>
......
<script  src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" ></script>
</body>

Или просто как в документации по начальной загрузке без"деfer "тег ??

1 Ответ

1 голос
/ 13 мая 2019

Лучше всего ставить в конце, вы можете даже написать скрипт после закрытия тела: HTML-код загружается сверху вниз на кнопку, когда браузер достигает элемента скрипта, он загружает (и ждет) исходный код. , так что если вы поставите его в конце, страница загрузится, а затем js будет загружен. Помните, что js необходим для того, чтобы сделать представление динамическим, поэтому до загрузки страницы вам не нужны такие функции, как: щелкните на dropdwon и посмотрите его содержимое. Отсрочка / асинхронность - это просто способ достижения того же результата, но это не совсем то же самое.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...