Shopify Code Analyzer

Shopify Code Analyzer is a powerful browser extension that helps developers and store owners identify performance issues in their Shopify stores. It automatically detects: - Ghost Scripts: Unused app scripts that are still being loaded - Orphaned Liquid Comments: Leftover code comments from uninstalled apps - Unknown Assets: Third-party scripts that may impact performance - Performance Metrics: Script sizes and load times The extension provides a comprehensive Theme Health Score (0-100) and categorizes findings into Active Apps, Ghost Scripts, and Unknown Assets. It also includes a visual testing tool to temporarily block scripts and measure their impact. 1. Platform Detection: Only activates on Shopify stores - Detects `window.Shopify` - Analyzes typical Shopify DOM structure - Verifies Shopify scripts and meta tags 2. App Script Analyzer: - Lists all external scripts (.js) being loaded - Blacklist of known apps (Klaviyo, Judge.me, Hotjar, PageFly, Yotpo, etc.) - Compares scripts with active DOM elements - Identifies unused "ghost" scripts 3. Liquid Bloat Detector: - Scans HTML for orphaned Liquid comments - Detects `<!-- [shopify-app-extension] -->` comments without associated functionality - Marks potentially dead code 4. Dashboard UI (Side Panel): - Theme Health Score (0-100) - Categorization: Active Apps, Ghost Scripts, Unknown Assets - Size and load time metrics - Modern interface with React and Tailwind CSS 5. Visual Cleanup Tool: - Temporary script blocking using `declarativeNetRequest` - Allows testing if a script is necessary - Automatic reload to apply changes