Noon E-Commerce
High-Scale Digital Retail
Performance engineering for the Middle East's largest e-commerce platform serving millions of daily users
Understanding
the Problem
Noon.com, the largest e-commerce platform in the Middle East, needed to scale its frontend to handle millions of concurrent users during peak sale events like Yellow Friday. The existing checkout flow had a high cart abandonment rate, and search result pages suffered from slow rendering times on mid-range mobile devices — the primary browsing device for their user base.
Architectural Execution
Profiled and optimized critical rendering paths using Lighthouse and Chrome DevTools, identifying and eliminating render-blocking resources
Implemented code splitting and lazy loading strategies to reduce initial bundle size by over 40%, dramatically improving Time to Interactive on mobile
Re-engineered the checkout flow with a streamlined, single-page design that reduced steps from 5 to 3, incorporating address auto-detection and saved payment methods
Optimized search result rendering with virtualized lists and progressive image loading, ensuring smooth scrolling even with thousands of product results
Built a responsive layout system that maintained consistent UX across mobile, tablet, and desktop breakpoints for the Middle Eastern market (RTL support included)
Implemented performance monitoring dashboards to track Core Web Vitals in real-time and alert on regressions before they reached production
Impact Delivered
Core Engineering Stack
React
Component architecture
Next.js
SSR & performance optimization
TypeScript
Type-safe development
Redux
Global state management
Webpack
Custom bundling & code splitting
Datadog
Real-time performance monitoring
Mapinger
Interactive Wayfinding System
Read Case Study