Render-blokkoló JavaScript: async és defer használata helyesen

A script tag alapértelmezetten blokkolja a HTML parse-olását, amíg a JavaScript le nem töltődik és le nem fut teljesen. Az async attribútum párhuzamosan tölti le a kódot, és letöltés után azonnal lefuttatja, függetlenül a HTML aktuális állapotától. A defer szintén párhuzamosan tölt, de a futtatást a DOM kész állapotig halasztja, ami biztonságosabb. A tracking script async-kel, a fő alkalmazás-kódnak defer-rel a leggyakoribb beállítás manapság. A type=module attribútum automatikusan defer viselkedésű alapból. A modern bundler a kódot már így állítja össze gyári módon. A HTML head szekcióba kerülő render-blokkoló script azonnal érzékelhető Lighthouse figyelmeztetést generál a fejlesztőnek.