https://github.com/shopify/shopify-theme-inspector

A Chrome DevTools plugin that visualizes Shopify Liquid render profiling data so you can triage long-running code and reduce server response times!
https://github.com/shopify/shopify-theme-inspector

chrome chrome-devtools liquid performance shopify

Last synced: 4 days ago
JSON representation

A Chrome DevTools plugin that visualizes Shopify Liquid render profiling data so you can triage long-running code and reduce server response times!

• Host: GitHub
• URL: https://github.com/shopify/shopify-theme-inspector
• Owner: Shopify
• License: mit
• Created: 2019-09-30T14:18:42.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2025-01-22T13:49:40.000Z (11 days ago)
• Last Synced: 2025-01-22T14:34:03.681Z (11 days ago)
• Topics: chrome, chrome-devtools, liquid, performance, shopify
• Language: TypeScript
• Homepage:
• Size: 1.41 MB
• Stars: 160
• Watchers: 289
• Forks: 20
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Shopify Theme Inspector for Chrome

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.

Documentation on how to use this extension is [available on shopify.dev](https://shopify.dev/docs/storefronts/themes/tools/theme-inspector/using-the-theme-inspector). 

## Contributing

To learn more about how to contribute to this project check out the [contributing](https://github.com/Shopify/shopify-theme-inspector/blob/master/CONTRIBUTING.md) documentation.

If you find a bug please [open an issue](https://github.com/Shopify/shopify-theme-inspector/issues/new).

If you would like to request a feature, check out the [feature request documentation](https://github.com/Shopify/shopify-theme-inspector/blob/master/FEATURE_REQUEST.md).

## Shopify Employees

View the [internal documentation](https://github.com/Shopify/storefront-foundations/blob/master/shopify-theme-inspector/README.md#profiling-productions-shops) for more details on internal usage, development, and publishing new releases.