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
defersemantics — 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
- Click the "Network" tab in DevTools
- Filter by "JS" to show only JavaScript files
- Reload the page
- Look for any dropr-related scripts (search for "dropr" in the filter bar)
- Check the "Initiator" column — it should show it's loaded via a module script, not inline
Step 2: Performance tab
- Click "Performance" tab
- Click the record button and reload the page
- Stop recording after the page loads
- In the flame chart, look for the LCP marker (a green vertical line)
- 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:
- 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.
- Other recent changes: Did you install other apps recently? Add new tracking pixels? Add review images? Performance changes are often multi-causal.
Related reading
- Does Adding an Upsell App Slow Down Your Shopify Store?
- Built for Shopify Certification: What It Means and Why Merchants Should Care
- Is Dropr's $19/Month Worth It? An Honest ROI Calculation
- How Dropr Tracks Revenue Attribution: A Step-by-Step Explanation
- Dropr vs Candy Rack: Which Shopify Upsell App Is Right for Your Store?
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.