Web performance for the rest of the world.

Bazaar is Pakistan's largest B2C grocery platform — 100k+ active web users, 1M+ Android downloads. Most of those users are not on US-fiber. They're on Pakistani 3G and entry-level 4G, on mid-range Android phones. The benchmark that mattered wasn't a synthetic Lighthouse run — it was field-measured Core Web Vitals from CrUX.

When we started, CWV was failing. Imagery was unoptimized, CDN caching ran on defaults, organic search was effectively zero. Two of us on the web side took ownership of fixing it.

Image pipeline

The biggest LCP win. We moved customer-facing imagery through a Next.js Image pipeline backed by S3 + CloudFront — format-appropriate variants (WebP / JPEG) and width-appropriate sizes for the actual breakpoints we serve. Same CDN ended up serving the optimized variants to the Android app too.

Viewport-aware lazy loading

Below-the-fold imagery — category tiles, recommendation shelves — moved to lazy loading. On slow connections this isn't about eventual bytes; it's about not blocking LCP behind content the user won't see for another two seconds anyway.

CDN tuning

Default CloudFront caching wasn't cutting it. TTLs + cache-control per asset type, aggressive caching for hot imagery and shared bundles, origin shielding so an uncached request didn't cascade. CDN bill came down ~$450/month — close to $5,400/year.

SEO foundations

Once the site was actually fast, the SEO basics had something to work with: structured product data, metadata hygiene, canonical URLs, sitemap reflecting the real category tree. Google rewards this slowly — but the curve was unmistakable once it kicked in.

Screenshots from the actual tools — Lighthouse, Search Console, and PageSpeed Insights' CrUX report — for bazaarapp.com:

I co-led this with one other engineer on the web side — the image-pipeline and CDN strategy were a shared call. I owned the Next.js Image integration end-to-end and drove the rollout to Android. I'm claiming the perf and CDN + SEO foundation work, not the whole product.

Next.js (App Router), TypeScript, NestJS BFF, AWS (S3, CloudFront, Lambda), Vercel. Web Vitals via CrUX + Lighthouse. Image pipeline: Next.js Image + sharp through CloudFront with custom cache behaviours.