← All Devlogs
Case Study By Inder Singh Chandel

How We Reduced Edge Latency from 3.8s to 79ms on Cloudflare

A deep dive into bundle tree-shaking, the icon purge, and sub-100ms edge rendering for high-converting B2B web applications.

Most modern web applications suffer from silent latency bloat. What starts as a clean prototype slowly accrues 4,000ms of time-to-first-byte (TTFB) due to heavy dynamic icon imports, unoptimized client-side hydration, and un-cached database roundtrips.

In my engineering practice, the rule is non-negotiable: Any application bearing my name must load in under 100ms globally.

Here is the exact surgical playbook we used to slash edge compilation latency by 98% on Cloudflare Pages.


1. The Bottleneck: The Heavy Icon & Component Trap

During our initial build benchmarks, bundle analysis revealed that importing icons from massive dynamic icon packages was bloating our compilation bundles:

  • Initial Cold Start TTFB: 3,899 ms
  • Bundle Size: 4.2 MB of uncompressed client JavaScript
  • Lighthouse Performance Score: 64/100

When a prospective client lands on a B2B site from mobile, waiting 3.8 seconds for a page to render cuts conversion probability by more than 50%.


2. The Surgical Fix: The Zero-JS Purge

We executed three radical architectural simplifications:

  1. Direct SVG Extraction (The Icon Purge): We purged runtime icon library dependencies. Every essential brand and technical glyph was converted into zero-dependency, inlined SVG symbols.
  2. Cloudflare Global Edge Deployment: Deploying the static build across Cloudflare’s 300+ edge data centers ensures that HTML is served from the closest physical cache node to the user.
  3. Strict CSS Discipline: Leveraging Tailwind CSS v4’s unified @import "tailwindcss"; compiler to eliminate unused utility classes and reduce stylesheet weight to under 18 KB.

3. The Result: 79ms Worldwide

After deploying the optimized architecture to Cloudflare Pages:

  • Edge Compilation Latency: 79 ms (a ~50x speedup)
  • Core Web Vitals: 100 / 100
  • First Contentful Paint (FCP): 0.2s
$ curl -o /dev/null -s -w "Connect: %{time_connect}s | TTFB: %{time_starttransfer}s | Total: %{time_total}s\n" https://lightspeeddevs.com
Connect: 0.018s | TTFB: 0.079s | Total: 0.082s

Need Sub-100ms Performance for Your Application?

If your SaaS or web application is sluggish, bloated, or dropping mobile conversions, we can fix it.

Book a 48-Hour Performance Audit or a 14-Day Production Sprint directly with Inder Singh Chandel.

Want sub-100ms velocity for your project?

Work directly with Inder Singh Chandel. Zero account managers, fast turnaround.

Book 15-Min Intro