Smarter image and video loading

We ensured LCP images loaded instantly, while the rest only loaded when needed (lazy loading). Standard image tags were replaced with Shopify-optimized Liquid tags, and all media was compressed and resized for faster delivery on mobile and desktop.

Cleaning up unnecessary code (CSS)

Each page had styles (CSS) it didn't actually use, which slowed things down. We removed irrelevant CSS, prioritized the important ones to load first, and delayed the rest until users interacted. We also moved inline code into proper external files for better efficiency.

Reorganizing JavaScript for speed

Too many scripts were loading all at once. We removed duplicates, separated brand scripts from third-party apps, and loaded files in a staged way i.e., first what's visible, then what comes next, and finally things that can wait. This made the site respond faster.

Fixing render-blocking files

Some CSS and JavaScript files were preventing the rest of the page from appearing quickly. We reworked how these files load using defer/async techniques so the page could render faster without delays.

Removing jQuery for a lighter site

jQuery, an older JavaScript library, was used heavily on the homepage. We replaced it entirely with modern vanilla JavaScript without breaking any functionality, reducing the load time and modernizing the tech stack.

Other performance enhancements

• Replaced a bulky third-party slider with a custom lightweight version on collection pages.

• Audited and removed duplicated CSS/JS calls.

• Fixed a blog template conflict that was affecting styles.