13. Podsumowanie
Async Defer
Wysoki priorytet.
Blokuje parser na
pobieranie i
przetwarzanie
Head
Średni / wysoki priorytet.
Blokuje parser na
pobieranie i przetwarzanie
Bottom of HTML
Niski priorytet.
Niezachowana kolejność skryptów.
Pobieranie JS nie blokuje parsera
HTML.
Blokuje parser na przetwarzanie JS.
Niski / wysoki priorytet.
Zachowana kolejność skryptów.
Nie blokuje parsera HTML.
Skrypty przetwarzane są zaraz po
złożeniu DOM.
14. CREDITS: This presentation template was created by
Slidesgo, including icons by Flaticon, infographics &
images by Freepik and illustrations by Stories
THANKS!
W razie pytań można mnie łapać na
LinkedIn i Twitterze!
15. Warto przeczytać
1. Scripts: async, defer (JavaScript.info, 2019)
2. Efficiently load JavaScript with defer and async (flaviocopes,2018)
3. Asynchronous vs Deferred JavaScript (Ire Aderinokun,2017)