*Note: 5 years ago I [asked the same about Visualforce here](https://salesforce.stackexchange.com/questions/5497/how-to-efficiently-profile-visualforce-components-and-their-controllers) and it helped to collect a lot of knowledge. So let me try this again for Lightning.*

I am currently working on a quite complex Lightning page where users can edit many records at once in a editing grid based on the [Data Grid component](https://github.com/appiphony/Strike-Components/tree/master/aura/strike_dataGrid) from [Apphiphony's Strike component library](http://www.lightningstrike.io/).

Even when incorporating a spinner the page loads deadly slow and there are plenty of reasons why:

* Multiple Apex callouts using Promises (just takes a few seconds)
* Complex JSON from Apex is passed into the grid component
* Grid component dynamically creates 1000+ components (e.g. cell editors)

I do that not because I don't know that these things harm performance in general but because I have to and or didn't find a solution in common speed-up techniques like pagination, lazy loading, static creations of components,..

**Ok, here is my question:**

1. How can I use the Chrome Lightning Inspector to pinpoint the worst bottlenecks?
2. What are the most common problems that I should look for and how to fix them?

[![enter image description here](https://i.stack.imgur.com/AI0f7.png)](https://i.stack.imgur.com/AI0f7.png)