Shopify Theme Inspector F

👥 30K+ users

📦 v3.0.2

💾 310KiB

📅 2025-01-23

View on Chrome Web Store

Chrome will indicate if you already have this installed.

Identify and debug performance issues in your Shopify store with precision using a visualization of Liquid render profiling data and flame graph analysis. With Shopify Theme Inspector for Chrome, you can quickly pinpoint slow areas of your theme and optimize performance. Ideal for developers and store owners who want to streamline their workflow and improve site speed.

Overview

Profile and debug Liquid templates on your Shopify store

Shopify themes are fast out of the box, but Liquid changes made afterwards can cause slowdowns. Shopify Theme Inspector for Chrome helps identify Liquid changes that are slowing your site down by providing a visualization of Liquid render profiling data, and giving you the means to triage the slowest parts of your Shopify theme.

Once you install this extension you should be able to sign in with your Shopify credentials and see a “Shopify” panel in Chrome DevTools.

This tool helps you visualize results as a flame graph which is readable and easy to understand.
You can examine the flame graph nodes to localize performance issues down to the exact file and line.

This is the perfect tool to accelerate your workflow while debugging Liquid performance.

If you would like to learn more, contribute a feature, open an issue, or make a feature request you can check out the shopify/shopify-theme-inspector Github repository.