Nello script #449 abbiamo trattato la content-visibility e il suo ruolo nel non dipingere ciò che non è visibile nella viewport.
Se abbiamo però provato questa tecnica noteremo che il layout non è lineare: ci sono dei salti nel momento in cui il browser disegna l'elemento da inserire: la viewport non sa quanto spazio andranno ad occupare gli elementi, per questo motivo è altresì importante comunicare al browser quanto spazio il contenuto andrà ad occupare per riservare uno spazio vuoto, che verrà poi riempito, tramite contain-intrinsic-size
.lazy-load-section {
content-visibility: auto;
contain-intrinsic-size: 200px 500px;
}Se le dimensioni esatte non sono note, si può fare una stima o utilizzare JavaScript per calcolare una dimensione media e applicarla dinamicamente.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Supporto nativo a JSON in SQL Server 2025
Gestire pubblicazione Kubernetes tramite .NET Aspire
Keynote .NET Conference Italia 2025
Eseguire i pre-commit hook di git con dependabot
Creare un file Zip partendo da uno stream sfruttando le classi del namespace System.IO.Compression
Importare repository da Bitbucket a GitHub Enterprise Cloud
Keynote Global Azure 2026 - ASPItalia.com
Creare una file based app con C#
Stop alle password con Azure Managed Identity
Creare una UI per i tool MCP con resource e Azure Functions
Come automatizzare il download dei report di billing da GitHub Enterprise
Gestione dei prompt file a livello di organizzazione aziendale in GitHub


