shopify-performance-tuning

# Shopify Performance Tuning ## Overview Optimize Shopify API performance through GraphQL query cost reduction, bulk operations for large data exports, response caching, and Storefront API for high-traffic public-facing queries. ## Prerequisites - Understanding of Shopify's calculated query cost system - Access to the `Shopify-GraphQL-Cost-Debug: 1` header for cost analysis - Redis or in-memory cache available (optional) ## Instructions ### Step 1: Analyze Query Cost ```bash # Debug query cost with special header curl -X POST "https://$STORE/admin/api/2024-10/graphql.json" \ -H "X-Shopify-Access-Token: $TOKEN" \ -H "Content-Type: application/json" \ -H "Shopify-GraphQL-Cost-Debug: 1" \ -d '{"query": "{ products(first: 50) { edges { node { id title variants(first: 20) { edges { node { id price } } } } } } }"}' \ | jq '.extensions.cost' ``` Response shows cost breakdown: ```json { "requestedQueryCost": 152, "actualQueryCost": 42, "throttleStatus": { "maximumAvailable": 1000.0, "currentlyAvailable": 958.0, "restoreRate": 50.0 } } ``` **Key rule:** `requestedQueryCost` is calculated as `first * nested_fields`. Reducing `first:` from 250 to 50 can cut cost by 5x. ### Step 2: Reduce Query Cost ```typescript // BEFORE: High cost — requests too many fields and items // requestedQueryCost: ~5,502 const EXPENSIVE_QUERY = `{ products(first: 250) { edges { node { id title description descriptionHtml vendor productType tags ...