# Cache Statistics > Monitor @humanspeak/memory-cache performance with built-in statistics for hits, misses, and evictions in a real-time interactive TypeScript demo app. **Source:** [https://memory.svelte.page/examples/cache-statistics](https://memory.svelte.page/examples/cache-statistics) **Markdown mirror:** [https://memory.svelte.page/examples/cache-statistics.md](https://memory.svelte.page/examples/cache-statistics.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: watch cache hooks. Measure `hit`, `miss`, `set`, `delete`, and `evict` events as live traffic moves through a `MemoryCache`. **Metadata:** tag: `OBSERVABILITY` | pattern: `live metrics` ### Notes - The cache wires `hooks` for `onHit`, `onMiss`, `onSet`, `onDelete`, and `onEvict`. - The `hit rate` is calculated from reads only: `hits / (hits + misses)`. - `burst` runs ten mixed operations so the event stream can show hits, misses, writes, deletes, and evictions together. - `reset` clears the counters and creates a fresh cache with `maxSize: 5` and a `30s` TTL. ### Source #### Default.svelte Source file: [src/lib/examples/cache-statistics/demos/Default.svelte](https://github.com/humanspeak/memory-cache/blob/main/docs/src/lib/examples/cache-statistics/demos/Default.svelte) ```svelte

requests · {requests}

hit rate · {hitRate.toFixed(1)}%

size · {cacheSize}/{capacity}

ttl · {ttl / 1000}s

last · {recentOperation}

hit rate {hitRate.toFixed(1)}%

{hits} hits / {requests} reads

hits {hits}

misses {misses}

sets {sets}

deletes {deletes}

evictions {evictions}

ops {totalOperations}

event

key

age

{#if operationLog.length === 0}

no operations

run traffic to populate the hook log

{:else} {#each operationLog as op, index (op.timestamp + index)}

{op.type}

{op.key} {#key tick} {formatTime(op.timestamp)} {/key}

{/each} {/if}

hooks · set hit miss delete evict

capacity · {capacity}

entries · {cacheSize}

events · {operationLog.length}

mode · live

```