Vertex Solutions Ltd.Tourism & Travel

Scaling Kumeji Map to 10k Active Daily Users

The Problem

The legacy tourism application struggled with rendering 3D overlays and custom Leaflet markers, leading to extreme memory leaks and freezing on mid-range mobile devices.

The Solution

We migrated the mapping layout to custom React components using lazy rendering strategies. We implemented an efficient coordinate clustering algorithm that reduces active DOM elements by 85%. On the backend, we configured CDN caching for map tiles and dynamic geo-JSON database queries in NestJS.

Development Process

1. Profiling mobile performance using Chrome DevTools memory allocation timeline. 2. Writing a custom marker clusterer using spatial indexes in Leaflet. 3. Moving CPU-heavy spatial computations into a Web Worker.

Outcome

We achieved 60fps scrolling and map navigation on average mobile devices. Render times dropped from 2.4s to under 300ms. Load time was reduced by 60%, allowing the site to successfully sustain a launch peaking at 12k concurrent visitors.

Technologies Used

ReactLeaflet.jsNestJSPostgreSQLWeb Workers

Want similar results for your project?

Let's discuss how I can help solve your specific challenges.

Start a Conversation