Rinviare
Cosa significa "defer" e come si usa?
Nello sviluppo web, il termine "defer" si riferisce a un attributo del tag <script> che ritarda l'esecuzione di JavaScript fino al caricamento completo dell'intero documento HTML. In questo modo è possibile ottimizzare il processo di caricamento di una pagina web, scaricando lo script ma eseguendolo solo dopo che il documento è stato completamente analizzato.
Il vostro sito web ha un problema di GDPR? Verificate ora gratuitamente!
Quanto è alto il rischio di multe per il vostro sito web? Inserite subito l'indirizzo del vostro sito web e scoprite quali cookie e servizi di terze parti rappresentano un rischio
Perché si usa il defer?
L'attributo defer viene utilizzato per migliorare i tempi di caricamento delle pagine web e ottimizzare l'esperienza dell'utente. Invece di bloccare il rendering della pagina durante l'esecuzione di uno script, il defer garantisce una visualizzazione più rapida del contenuto della pagina web. Ciò è particolarmente utile quando lo script esegue manipolazioni del DOM che sono rilevanti solo dopo il caricamento completo del documento.
Quali sono i vantaggi dell'uso di Defer?
- Miglioramento dei tempi di caricamento:
Ritardando l'esecuzione dello script, la pagina può essere caricata più velocemente, migliorando l'esperienza dell'utente. - Ottimizzazione del rendering: gli script di
che manipolano il DOM vengono eseguiti solo dopo il caricamento completo del documento, ottimizzando così il rendering della pagina. - Mantenimento dell'ordine:
A differenza degli script asincroni(async), in cui l'ordine di esecuzione è imprevedibile, ladifferitamantiene l'ordine di esecuzione degli script.
Ci sono problemi quando si usa il defer?
- Compatibilità con i browser:
Mentre i browser moderni supportano pienamente l'attributo defer, ci sono browser più vecchi che potrebbero non capire questo attributo. Gli sviluppatori devono assicurarsi che i siti web funzionino correttamente anche con i browser più vecchi. - Dipendenza degli script:
Se uno script dipende da un altro script che deve essere eseguito per primo, l'uso dideferpuò causare problemi se l'ordine di esecuzione non viene gestito correttamente.
Come si usa defer nella pratica?
Un esempio tipico di utilizzo dell'attributo defer è il seguente:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8">.<titolo>Pagina di esempio</titolo><script src="script1.js" defer></script><script src="script2.js" defer></script></head><body><h1>Benvenuto nel mio sito</h1><p>Questa è una pagina di esempio.</p></body></html>
In questo esempio, gli script script1.js e script2.js vengono eseguiti solo dopo il caricamento completo del documento HTML, mantenendo l'ordine di esecuzione.
Nota sull'uso di CCM19
Lo script CCM19 non deve essere dotato dell'attributo defer, in quanto ciò può compromettere la funzionalità del Consent Manager. CCM19 deve essere eseguito il prima possibile per garantire che gli script che richiedono il consenso possano essere bloccati per primi. Questo è fondamentale per la corretta gestione dei consensi degli utenti e per la conformità alle normative sulla protezione dei dati.
Il vostro sito web ha un problema di GDPR? Verificate ora gratuitamente!
Quanto è alto il rischio di multe per il vostro sito web? Inserite subito l'indirizzo del vostro sito web e scoprite quali cookie e servizi di terze parti rappresentano un rischio
