Shopify Theme Inspector for Chrome

Profile and debug Liquid template on your Shopify store

What is Shopify Theme Inspector for Chrome?

Shopify Theme Inspector for Chrome is a handy tool that helps to speed up your Shopify site by identifying Liquid changes that are causing the site to load slowly. By providing Liquid render profiling data in a user-friendly format, you can easily locate and resolve performance issues down to an exact file and line of code. A perfect tool to accelerate your debugging and site performance enhancement process.

Download

Stats

By: Shopify

View on Chrome Web Store

Users: 40,000+

Rating: 1.81 (62)

Version: 2.0.6 (Last updated: 2024-06-06)

Creation date: 2020-06-10

Risk impact: Moderate risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 2

Permissions:

storage
identity
activeTab

Size: 417.79K

Email: ch*****@shopify.com

URLs: Privacy policy

Stats date:

Chrome-Stats Rank

# 4431 ▲ 34

Other rankings

#5611 in Developer Tools ▼ 235 #14 in shopify keyword 31 ▲ 2 #75 in performance keyword 13 ▼ 3 #145 in graph keyword 7 ▼ 5 #162 in debug keyword 23 ▲ 3

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

Profile and debug Liquid template 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.

A handy code snippet link will open up the exact line of Liquid in your admin code editor so you can view and edit the code in context.

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.

User reviews

User reviews summary

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Can show which sections take a while to load on the frontend
May help to localize process to the exact file and line

Cons

Login glitch prevents users from accessing the extension
Glitchy on the frontend and not very informative
Does not work for some users

Most mentioned

Login glitch preventing access to the extension
Not working at all
Difficulty in getting past the login screen

Recent reviews

不能用也不报错

Seunji Lam, 2024-03-19

Same issue as below... can't actually use it because of a "sign in" glitch where the loading wheel just continues to spin indefinitely. Recommend that Shopify either fix this or discontinue the plug-in to avoid wasting future users time.

Karl Schopf, 2024-04-21

Useless. Being the store owner, I cannot even login.

Hector Barresi, 2020-11-21

View all user reviews

Safety

Risk impact

Shopify Theme Inspector for Chrome may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.