De ce sunt de obicei conectate scripturile la sfârșitul etichetei body?
sobes.tech AI
Răspuns de la AI
Pentru a preveni blocarea randării paginii și pentru a asigura accesul la elementele DOM imediat după încărcare.
Atunci când se conectează scripturi în <head> sau la începutul <body> fără atributele async sau defer, browserul întrerupe analiza HTML și randarea paginii până când scriptul este încărcat și executat. Acest lucru încetinește performanța vizibilă a site-ului.
Conectarea la sfârșitul <body> garantează că arborele DOM este deja complet format în momentul execuției scriptului, permițând interacțiuni directe cu elementele fără a fi nevoie să se utilizeze handleri de evenimente precum DOMContentLoaded sau load doar pentru accesul la elemente.
Atributele async și defer sunt alternative moderne care oferă opțiuni mai flexibile pentru încărcarea scripturilor, fără a bloca analiza HTML:
async: Scriptul se încarcă asincron și se execută imediat după încărcare, fără a aștepta finalizarea încărcării DOM-ului. Ordinea de execuție a scripturilor asincrone nu este garantată.defer: Scriptul se încarcă asincron și se execută după analiza completă a HTML-ului, dar înainte de evenimentulDOMContentLoaded. Scripturile cudeferse execută în ordinea apariției în document.