Что лучше выбрать defer или $(document).ready

[aqua.77 2]

 

Оба метода гарантируют что скрипт загрузится только после того когда загрузится весь html документ. Какая между ними разница кроме той, что $(document).ready пишется в js файле, а defer в атрибуде?

[Igor Schnaider 163]

Страница к тому моменту уже загрузилась. А вот отрисовку блокирует.

[Igor Schnaider 163]

defer асинхронный, не блокирует построение DOM.

[aqua.77 2]

1 hour ago, Igor Schnaider said:

асинхронный

То есть не ждёт полной загрузки страницы, а выполняется как только сам загрузился?

[Igor Schnaider 163]

Он построение DOM не блокирует. Выполняется в конце. А чтобы асинхронный и выполнялся сразу после загрузки — это атрибут async.

[aqua.77 2]

1 hour ago, Igor Schnaider said:

Он построение DOM не блокирует

Тогда вопрос;

Примитивный пример: Есть скрипт с алертом, подключенный вот так <script src="js.js" defer></script> с defer. При обновлении сперва появляется алерт и только потом контент страницы. Почему так, ведь defer подразумевает сперва загружать содержимое страницы и только потом скрипт?