💚 Formation Vue 3

V11 — Benchmark Performance ← Accueil
Liste : Actions :
{{ 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
{{ l.text }}
Lance une action pour voir les logs