Improving E-commerce Web Performance through Lazy Loading and Client-Side Caching

E-commerce websites often face performance issues due to heavy product images, repeated server requests, and inefficient resource management, leading to higher load times and poor user experience. This research presents a hybrid optimization technique that integrates lazy loading with client-side caching using the browser’s Local Storage to improve overall web performance. The system is structured into four experimental routes—Baseline, Caching Only, Lazy Loading Only, and Optimized (Lazy Loading + Caching)—to evaluate their respective impacts on load time, network usage, and server dependency. Lazy loading minimizes initial data transfer by deferring non-critical assets, while Local Storage caching stores product data in JSON format for instant retrieval on repeat visits.