Salesforce Summaries – Introduction to Performance Profiling of Visualforce and Lightning

Share this article...

SalesforceSummaries is a publication that delivers the key insights from Salesforce YouTube videos. We aim to be the of Salesforce tutorial videos. These publications will save you time as you keep up to date with the latest technological changes within the Salesforce ecosystem.


The purpose of this overview is to introduce the reader to the concept of performance profiling in Visualforce and Lightning pages using the Salesforce Developer Console and the Salesforce Lightning Inspector Chrome extension.



Video: ‘]”>Introduction to Performance Profiling of Visualforce and Lightning’

Presenter: Rajesh Thakur

Date: November 14th 2016

Time: 12 minutes

Key terms: Performance profiling

Key points: There can be many reasons why your Visualforce and Lightning pages aren’t as performant as they could be. You can use the Salesforce Developer Console and the Salesforce Lightning Inspector to debug these issues.

  1. @1.20 — It is best practice to conduct performance profiling for Visualforce and Lightning pages.
  2. @1.30 — Performance profiling is a broad subject and there are a lot of challenges related to this.
  3. @2.20 — The most common challenges with Performance Profiling are below:

  1. @2.45 — To conduct performance profiling for Visualforce pages, you should enable Visualforce page Debug Logs in the Developer Console and this will enable you to use this tool to profile Visualforce pages.

  1. @3.40 — You should follow the below steps to then start the performance profiling.

  1. @5.15 — Go to the Timeline tab in the Developer console. This gives a breakdown on the time for the page to load and identifies what the root cause is for a longer page load.

  1. @7.00 — Look at the following slides to see how to use the other features of the Developer Console to get a clearer understanding as to what good be more performant in your Visualforce pages:

  1. @8.30 — Conducting performance profiling for Lightning pages is slightly different. Instead of the Developer Console, you should use the Chrome extension ‘Salesforce Lightning Inspector’.

  1. @9.40 — After installing the Salesforce Lightning Inspector Chrome extension, when you go to Chrome Developer tools, you’ll see a new tab ‘Lightning’.

  1. @9.55 — When you select the ‘Lightning’ tab, you can see all of the components that are being executed as part of that Lightning page.
  2. @10.05 — Using the Performance tab in the Salesforce Lightning Inspector, one can isolate inspection to just the component code, allowing one to identify which components are slower and locate where in the component hierarchy the slowness is occurring.
  3. @10.30 — You can also select the Transactions tab, which will give additional information about the Lightning page.

Add Comment