📖
Performance
Virtual Scrolling
Renderiza apenas os itens visíveis. DOM permanece pequeno independente do total.
📚 O que é
Mantém uma 'janela' de itens no DOM (geralmente 15-30). Quando o usuário scrolla, recicla os elementos DOM e atualiza os dados. Sem isso, 10.000 itens = 10.000 nós reais no DOM.
✅ Quando usar
Listas com 200+ itens onde há lentidão visível. Tabelas com muitas linhas. Grids de imagens grandes. Feeds infinitos.
🚫 Quando NÃO usar
Listas pequenas ( menos de 200 itens). Listas que precisam ser indexadas por SEO. Quando a complexidade não é justificada.
👍 Prós
DOM sempre pequeno
FPS consistente
Funciona com milhões de itens
Scroll suave
👎 Contras
Scroll accessibility pode ser afetado
Altura variável é complexa
Ctrl+F do browser não funciona
SEO não indexa itens fora da view
🔗 Termos relacionados