Dev
Frontend
CSS
Content Visibility

Content-Visibility

A propriedade content-visibility deve ser usada junto com a propriedade contain-intrinsic-size, juntas elas evitam que os filhos do container que foram atribuídas sejam carregados até que a viewport contenha o container atribuído.

É uma estratégia usada para evitar que seja carregado mais elementos do que o necessário no processo de painting, assim é carregado apenas o que está no viewport fazendo o site carregar mais rápido.

.container {
 content-visibility: auto;
 contain-intrinsic-size: 0 500px;
}