BACK TO PORTFOLIO
Shopify Store Setup & Performance
Ban Labs
ROLE: Full-Stack Shopify DeveloperAyurveda & FMCG Wellness
Handled full e-commerce setup and theme customization for store.banlabs.com. Restructured product organization, set up secure checkout gates, and implemented core performance optimizations to boost conversion rates across Ayurvedic healthcare lines.
THE CHALLENGE
The site was using multiple tracking pixels and chatbot scripts that blocked the main browser thread, slowing down pages significantly.
THE SOLUTION
We deferred all non-critical analytic scripts and tracking pixels (Facebook, Google Analytics, Hotjar) using Partytown and requestIdleCallback loops to release the main thread for instant rendering.
- Custom product catalog mapping for Ayurvedic pills, syrups, and cosmetics.
- Speed improvements minimizing third-party script blockage.
- Optimized SEO tags, structured schema markup, and Google XML configurations.
- Integration of bundle discounts and recurring subscription packages.
Header preconnection and resource prefetching code injected to resolve domain connections before resources are requested.
Speed Performance Header Tweakshtml
<!-- Optimization headers for store.banlabs.com -->
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
<link rel="dns-prefetch" href="https://connect.facebook.net">
<!-- Preload critical hero images to prevent LCP delays -->
{% if template == 'index' %}
<link rel="preload" as="image" href="{{ section.settings.hero_image | img_url: '1600x' }}" fetchpriority="high">
{% endif %}
<script>
window.addEventListener('load', function() {
// Defer analytics initialization until window load event completes
initDeferredScripts();
});
</script>PERFORMANCE STATS
MOBILE PAGESPEED
94/100
DESKTOP PAGESPEED98/100
AVG. LOAD TIME1.1s
TECH STACK USED
Shopify LiquidWebpackPerformance EngineeringSEO Best Practices