Skip to main content
Snap Tech
Performance·Published 2026-05-18·7 min read

Sub-Second Mobile Speeds on 4G: How We Optimize Storefronts for Dhaka Shoppers

A technical walkthrough of font subsetting, image modern formats (AVIF/WebP), critical CSS extraction, and zero layout shifts on mobile devices.

Farhan Ahmed

Full-Stack Technical Lead

The 3-Second Conversion Cliff

Google data shows that 53% of mobile visits are abandoned if a page takes longer than three seconds to load. In Bangladesh, where mobile network latency can range from 80ms to 250ms, inefficient JavaScript bundles turn a simple product catalog into a sluggish experience.

Achieving a 98+ Google Lighthouse score requires stripping unnecessary third-party scripts and optimizing every byte that travels over the wire.

Our 4-Point Performance Framework

1. Next-Gen Image Delivery: Serving automated AVIF with WebP fallbacks, compressed with precise device sizing breakpoints so a 400px mobile screen never downloads an uncompressed 2MB hero banner.

2. Font Subsetting: Preloading only Latin and Bengali glyphs required for above-the-fold display, eliminating font-swap layout shifts (CLS = 0.00).

3. Zero Runtime CSS Bundling: Using Tailwind utility layers compiled down to a single ~12KB stylesheet at build time.

4. Edge CDN Caching: Deploying static routes to edge servers closest to Bangladeshi ISPs for sub-50ms Time to First Byte (TTFB).

Related Topics

#Web Performance#Core Web Vitals#Mobile Optimization#Next.js

Ready to build software with these standards?

Let's discuss your project requirements and design the optimal technical architecture.

No obligation · We reply within one business day