Skip to content

Proposal: Enhanced Render Performance Dashboard for Ember Inspector #2681

@ganshul34

Description

@ganshul34

Is your feature request related to a problem? Please describe.
Yes. The current Render Performance panel in Ember Inspector shows a raw list of component render timings. While useful, it requires developers to manually scan through long tables to identify bottlenecks. In larger apps, this process becomes time-consuming and error-prone, making it more difficult to act quickly on performance data.

Describe the solution you'd like
I’d like to enhance this panel into an Enhanced Render Performance Dashboard with:

  • A Summary View that highlights the “Top N slowest components,” shows average render vs. re-render times, and tracks re-render frequency.

  • A future timeline/profiler view (similar to React DevTools Profiler) to visualise when renders happen and correlate them with user interactions.

** Describe alternatives you've considered **

  • Relying on external profiling tools (e.g., browser Performance tab), but these lack Ember-specific insights.

  • Manually filtering and analysing the existing raw render timings list, but this doesn’t scale well for larger applications.

** Additional context **
This feature would:

  • Help developers identify bottlenecks at a glance.
  • Provide actionable insights beyond raw data.
  • Improve overall productivity and developer experience with Ember Inspector.

If maintainers agree, I’d be happy to take ownership of this issue and start with the MVP (Summary View first), then iterate with community feedback.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions