Adattamento dinamico del contenuto forzato
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Data di pubblicazione: 8 ott 2025
Si verifica un adattamento dinamico forzato del contenuto quando JavaScript esegue query sulle proprietà geometriche (ad esempio offsetWidth) dopo che gli stili sono stati invalidati da una modifica allo stato DOM. In questo modo, il browser è costretto a eseguire immediatamente un layout, il che interrompe l'esecuzione dello script e comporta un rendimento scarso.
Un esempio di codice che causa il reflow forzato:
Più ricalcoli forzati in rapida successione vengono chiamati "layout thrashing".
Come superare questo insight
- Evita o almeno riduci la quantità di scritture della geometria DOM eseguite appena prima delle letture.
- Non presentare reflow forzati che richiedono più di 30 millisecondi.
Riferimenti aggiuntivi
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-10-08 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2025-10-08 UTC."],[],[]]
