Transforming the Checkout Experience

Auditing Code + Removing Inefficiencies = Increased Performance & Conversions

A Brief Overview

  • Walmart asked us to sleuth the performance of a checkout flow that was too slow
  • We reduced the Walmart Checkout code bundle by nearly 50%, leading to huge improvements in speed and performance.
Walmart
React
React Native
E-commerce
The Challenge

Improve User Experience to Increase Revenue

Walmart wanted to modernize their website to improve user experience and increase revenue. They had committed to a redesigned website with React, expecting the change to increase traffic substantially. Unfortunately, the extensive update yielded a traffic increase of just 1-4%, indicating that their load speeds hadn’t improved as much as they had expected. Walmart knew there was room for improvement, so they called in our team to get to the bottom of what was slowing things down. We needed to dig into the details to increase the speed of the Walmart Checkout system and improve conversion rates.

Improve User Experience to Increase Revenue
Our Approach

Diagnosing Performance Issues

We began the process by auditing the existing Checkout app to understand inefficiencies and performance bottlenecks. During the two week audit, we found a critical mass of legacy code that needed to be pared down to improve load times.

Diagnosing Performance Issues
Improving Code Bundle Size

Improving Code Bundle Size

After presenting findings and suggesting improvements, our team was able to reduce the code bundle from 1.1MB to 617KB in the course of one week.

Thinking One Step Ahead: Leveling Up the Team

From there, we continued to work with the Walmart team to improve and optimize code, choosing updates strategically to prioritize payoff vs effort calculations.

Thinking One Step Ahead: Leveling Up the Team
Collaborative Training Sessions to Ensure Long-Term Success

Collaborative Training Sessions to Ensure Long-Term Success

Working collaboratively gave us a chance to train the Walmart team on best practices, enabling them to improve other portions of their website once our work was done.

The Impact - Reduced Code Bundle by 50%

The ImpactReduced Code Bundle by 50%

We were able to reduce the Walmart Checkout bundle of code by nearly 50% and add application runtime optimizations, which led to a huge improvement in speed and performance. We also successfully trained the Walmart team on React best practices.

50%

Load Time Reduction

Decreasing code bundle size and improving load times increased conversions