home
  • Blog
1.13
  • Getting Started
  • The Object Model
  • Templates
  • Routing
  • Components
  • Controllers
  • Models
  • Testing
  • Ember Inspector
    • Installing the Inspector
    • Object Inspector
    • The View Tree
    • Inspecting Routes
    • Data Tab
    • Tackling Deprecations
    • Library Info
    • Debugging Promises
    • Inspecting the Container
    • Rendering Performance
    • Troubleshooting
  • Configuring Ember.js
  • Understanding Ember.js
  • Contributing to Ember.js
Old Guides - You are viewing the guides for Ember v1.13.0.
Go to v5.0.0

Rendering Performance

Edit pencil

You can use the inspector to measure the time it takes for your views to be created. Click on Render Performance to start inspecting render times.

Accuracy

The inspector itself adds a delay to your rendering, so the render durations you see are not an accurate representation of your production apps. Use these numbers to compare durations and debug rendering bottlenecks, but not as a way to accurately measure rendering times.

Toolbar

Click on the "clear" icon to remove existing render logs.

To measure views that are rendered on initial application boot, you will need to click on the "Reload" button at the top. This button ensures that the inspector starts measuring render times immediately when your app boots.

To filter the render logs, type a query in the search box.

left arrow
Inspecting the Container
Troubleshooting
right arrow
On this page

  • Accuracy
  • Toolbar
Team Sponsors Security Legal Branding Community Guidelines
Twitter GitHub Discord Mastodon

If you want help you can contact us by email, open an issue, or get realtime help by joining the Ember Discord.

© Copyright 2023 - Tilde Inc.
Ember.js is free, open source and always will be.


Ember is generously supported by
blue