Nuxt DevTools Observatoryv0.1.29
  • Docs
  • Feature Guides
  • API
  • Releases
    • Getting Started
    • Configuration
    • Installation
    • Feature Guides
    • Composable Tracker
    • provide/inject Graph
    • Render Heatmap
    • Transition Tracker
    • useFetch Dashboard
    • API Reference
    • Module Options
    • RPC Contracts
    • Troubleshooting
    • Common Issues

Render Heatmap

What it tracks

  • Render count and duration
  • Mount vs update events
  • Trigger keys (when available)
  • Route association

What to watch for

  • Components crossing threshold count/time repeatedly
  • Expensive updates on stable routes
  • Noise from internals (toggle hide internals)

Quick workflow

  1. Set threshold values for your app scale.
  2. Filter by route.
  3. Inspect timeline of the hottest component and correlate trigger keys.
Edit this page GitHub
← provide/inject GraphTransition Tracker →
Get StartedFeature GuidesGitHub
Nuxt DevTools Observatory • © 2026