среда, 17 марта 2021 г.

Script - defer и async. Что значат, в чём разница

   Если не указывать эти атрибуты для тега <script>, то такие скрипты будут отрисовываться в ходе отрисовки страницы в том порядке, и в то время, когда они будут встречены в html коде.

   То есть, пока скрипт не будет выполнен, выполнение кода, следующего за этим скриптом не будет происходить.

 

Defer


   Атрибут defer откладывает выполнение скрипта до тех пор, пока вся страница не будет загружена полностью.



Async


   При наличии атрибута async браузер, при возможности, запускает скрипт асинхронно.

   То есть указанный в атрибуте src файл будет выполняться без ожидания загрузки и отображения веб-страницы (страница не ожидает результата выполнения скрипта, а продолжает загружаться как обычно)

 

Пример написания:


<script defer src="scripts/primer.js"></script>
<script async src="scripts/primer.js"></script>

Комментариев нет:

Отправить комментарий