This article describes how Cooee's Shopify app is designed to have no negative impact on your store's performance or load speed.
When Cooee's SDK is integrated, there will be no change in the load time of your website. Below is a breakdown of how Cooee is built with performance in mind.
How Cooee Is Built for Performance
1. Async Script Loading
Cooee's SDK JavaScript is loaded using the browser's async flag. This means the browser does not wait for Cooee to finish loading before rendering your page — it loads entirely in the background without blocking anything.
2. Lazy Loading
Not everything is loaded upfront. For example, the widget rendering engine is only downloaded when there are active widgets to display on the page. If no widgets are running, that code is never loaded at all — saving bandwidth and reducing JS execution time.
3. Cloudflare CDN for Static Assets
All SDK JavaScript and CSS files are delivered via Cloudflare's CDN — one of the fastest and most widely distributed networks in the world. This ensures quick delivery to your visitors regardless of their location.
4. Amazon CloudFront for Widget Data
Widget configuration and campaign data is served via Amazon CloudFront, a globally distributed CDN. API responses are delivered from the edge location nearest to each visitor, minimising latency.
5. Small, Chunked JS Files
Rather than loading one large JavaScript file, Cooee's SDK is split into small chunks. Only the chunks required for the current page are loaded, keeping the JS payload minimal.
6. Viewport-Aware Video Playback
Videos inside Cooee widgets are only played when they scroll into the visitor's viewport. This prevents unnecessary bandwidth usage and ensures videos do not affect page load metrics when they are off-screen.
7. No Media Assets Hosted by Cooee
Cooee does not host any product images, collection images, videos, or GIFs on its own servers. All such assets are served directly from your store's files or from Shopify's own CDN — the recommended approach by Shopify.
Before & After Analysis
To validate the SDK's real-world impact, we analysed before and after metrics on a Shopify store using Google's PageSpeed Insights.
Summary
First Contentful Paint — Not impacted
Largest Contentful Paint — Not impacted
Time to Interactive — Not impacted
Total Blocking Time — Not impacted
Speed Index — Not impacted
