Back to Top Start a Trial

PicPerf Turbulence for Shopify

Speed up a Shopify storefront with edge HTML optimization. Keep Shopify's CDN and checkout in place while PicPerf improves eligible images, fonts, scripts, hints, and caching without theme changes.

By Alex MacArthur, builder of PicPerf · Published

PicPerf Turbulence for Shopify is an edge HTML optimizer for a custom storefront hostname. It can rewrite the HTML Shopify serves without a theme refactor: eligible images, fonts, scripts, resource hints, and cache behavior are handled at the edge. Shopify's own CDN assets remain in place, so Turbulence complements rather than replaces the platform's delivery layer.

What gets optimized on a Shopify storefront

  • Eligible image URLs in the server-rendered storefront HTML
  • Font loading and resource hints for external origins
  • Known-safe third-party scripts that would otherwise block rendering
  • Same-origin CSS and JavaScript minification and edge caching
  • Transformed HTML caching with stale-while-revalidate

Shopify-specific caveats

Shopify's hosted checkout, admin, preview, and editor surfaces should remain on Shopify's normal domains. Keep the public storefront hostname distinct from checkout, and test carts, customer accounts, forms, app embeds, and consent tools before switching production traffic. Shopify's domain documentation explains the platform's domain model; PicPerf's DNS setup guide covers the Turbulence side.

How to set it up

  1. Create a Turbulence site for the custom hostname customers use.
  2. Verify domain ownership with the dashboard's TXT record.
  3. Point the storefront hostname's CNAME at optimize.picperf.io.
  4. Leave checkout, admin, and preview/editor hosts on Shopify.
  5. Compare a representative product page before and after the change.

When Shopify merchants benefit most

Turbulence is most useful when the storefront is slowed by fonts, analytics, review widgets, tag managers, or HTML caching rather than Shopify CDN images alone. Run the free analysis first to see which pipeline steps would apply. For image assets outside Shopify's CDN, compare PicPerf for ecommerce.

Also compare Turbulence and NitroPack when evaluating a Shopify-oriented performance layer, and read how Turbulence works for the complete pipeline.

Frequently Asked Questions

  • Yes. It can sit in front of a custom storefront hostname and rewrite Shopify HTML at the edge. Shopify CDN images are left alone, while fonts, scripts, resource hints, same-origin assets, and HTML caching can still be optimized.

  • No. Images already served from cdn.shopify.com are treated as already CDN-backed and are left alone. PicPerf Images can optimize assets you control outside that CDN; Turbulence can optimize eligible image URLs found in storefront HTML.

  • Turbulence is intended for the storefront hostname you control, not hosted checkout or Shopify admin surfaces. Keep checkout and preview/editor hosts on Shopify's normal routing, and test carts, forms, customer accounts, and app embeds before going live.

  • No. Turbulence uses a DNS change and rewrites HTML at the edge. Your theme and Shopify origin remain unchanged. Theme JavaScript that injects images after the initial HTML response may not be rewritten.

  • Create a Turbulence site for a custom storefront hostname, verify ownership with the TXT record, point the hostname CNAME at optimize.picperf.io, and test storefront, cart, form, and app functionality. The origin and checkout hostname should remain separate.

Related Guides

Turbulence rewrites every HTML page at the edge. No code changes.

Start a 14-day Turbulence Trial