➡️ Open the demo ⬅️

Photo Gallery demonstrates how CSS selectors can influence the performance of a webpage, and how to use the Selector Stats feature in DevTools.

For instructions, see:

• The truth about CSS selector performance - blog post.
• Record a performance trace with Selector Stats enabled in Analyze CSS selector performance during Recalculate Style events, and subsequent sections.
• View your custom data in the performance profile in Customize performance profile with extensibility APIs.