💚 Formation Vue 3
V11 — Benchmark Performance
← Accueil
Liste :
500 items
2 000 items
5 000 items
Actions :
⚡ Force re-render
↺ Reset
{{ items.length.toLocaleString() }}
Items total
{{ renderCount }}
Re-rendus
{{ lastRenderMs }}ms
Dernier rendu
{{ rerenderTs }}
Timestamp
Non optimisé
:key="index"
#{{ item.id }}
{{ item.name }}
{{ item.value.toFixed(3) }}
Résultats: {{ filteredUnoptimized.length }} — Rendu: {{ renderTimeCol1 }}ms
Optimisé
v-memo
computed
#{{ item.id }}
{{ item.name }}
{{ item.value.toFixed(3) }}
Résultats: {{ filteredOptimized.length }} — Rendu: {{ renderTimeCol2 }}ms
Virtualisé
window virtual
#{{ item.id }}
{{ item.name }}
{{ item.value.toFixed(3) }}
Total: {{ filteredVirtual.length }} — DOM: {{ virtualVisible.length }} items
📊 Logs de performance
Effacer
{{ l.text }}
Lance une action pour voir les logs