Chrome DevTools Network panel showing Dropr scripts loading asynchronously after main content
Educational

Does Dropr Slow Down Your Shopify Store? (Direct Answer With DevTools Proof)

May 2, 2026 · 4 min read

Direct answer: No. Dropr uses Shopify's Theme App Extension system, which loads all app code asynchronously after your main content finishes rendering. Here's how to verify this yourself.

This is the first question most merchants ask before installing any Shopify app. It's the right question. Site speed affects conversion rate, SEO rankings, and Google Ads Quality Scores. A cross-sell widget that slows your store could cost more than it earns.

Here's the direct answer for Dropr, and here's how to confirm it with your own tools.

How Dropr loads: the TAE system

Dropr is built entirely on Shopify's Theme App Extension (TAE) system. This is significant because it means:

  • Dropr's JavaScript is loaded as an ES module with type="module" — this is inherently non-blocking
  • The script is loaded with defer semantics — it doesn't execute until after the HTML document is parsed
  • Dropr's code runs after your product images, description, and Add to Cart button are already visible
  • Your Largest Contentful Paint (LCP) completes before Dropr does anything

In practical terms: your shopper sees your full product page at normal speed. Dropr's widget appears a fraction of a second later — imperceptible under normal conditions, and irrelevant to Google's Core Web Vitals scoring.

What TAE means for your Lighthouse score

Lighthouse measures several metrics that TAE loading affects:

  • LCP (Largest Contentful Paint): No impact. Dropr loads after LCP by design.
  • TBT (Total Blocking Time): Minimal. ES module scripts don't block the main thread.
  • CLS (Cumulative Layout Shift): Potentially minor — any widget that loads after initial paint can cause a small layout shift if it pushes content down. Dropr's widget reserves space in the DOM before it renders to minimize CLS.
  • Performance score overall: Expect ±0–3 points versus no-app baseline.

How to verify this yourself in Chrome DevTools

Open your product page in Chrome. Press F12 to open DevTools. Follow these steps:

Step 1: Network tab

  1. Click the "Network" tab in DevTools
  2. Filter by "JS" to show only JavaScript files
  3. Reload the page
  4. Look for any dropr-related scripts (search for "dropr" in the filter bar)
  5. Check the "Initiator" column — it should show it's loaded via a module script, not inline

Step 2: Performance tab

  1. Click "Performance" tab
  2. Click the record button and reload the page
  3. Stop recording after the page loads
  4. In the flame chart, look for the LCP marker (a green vertical line)
  5. Dropr's script execution should appear after this marker — you'll see it as a JavaScript task in the timeline after LCP

Step 3: PageSpeed Insights (easiest)

Go to pagespeed.web.dev and test your product page URL. Run it before installing Dropr, note the score. Run it again after installing. The difference should be within normal variance (±2–3 points).

What if you see a performance drop after installing any app?

If PageSpeed Insights shows a meaningful drop (5+ points) after installing Dropr, check two things:

  1. Theme compatibility: Some highly customized or older themes may cause the App Block to render synchronously in an unusual way. Contact Dropr support — this is resolvable.
  2. Other recent changes: Did you install other apps recently? Add new tracking pixels? Add review images? Performance changes are often multi-causal.

Related reading

FAQ

Does Dropr edit my theme files?

No. Dropr uses App Blocks placed via the theme customizer. It does not modify your theme's liquid files, your theme.js, or your assets folder. If you uninstall Dropr, there's no leftover code to clean up.

Will Dropr affect my mobile page speed differently than desktop?

PageSpeed Insights provides separate mobile and desktop scores. Dropr should have similarly minimal impact on both — the TAE loading system doesn't differentiate by device. Mobile scores are typically 10–20 points lower than desktop for all Shopify stores due to network conditions and processing constraints, but Dropr doesn't change that gap meaningfully.

What JavaScript file size does Dropr add?

Dropr's widget bundle is approximately 18–22KB gzipped. For reference, Shopify's own theme JavaScript on Dawn is typically 80–120KB. Dropr adds less than 20% of what the base theme already loads — and it loads asynchronously after everything else.

Ready to try Dropr?

Get all this for just $19/month.

Add to Shopify

14-day free trial · No credit card · Cancel in one click