Case Study: Walmart Checkout

Walmart

Checkout

Auditing Code + Removing Inefficiencies = Increased Performance & Conversions

Background

Walmart knew they needed to modernize their website to improve user experience and increase revenue. They decided to build out their website with React, expecting the change to increase traffic substantially. Unfortunately, they found their extensive update yielded a traffic increase of just 1-4%, which indicated that their load speeds hadn’t improved as much as they had expected. Walmart knew there was room for improvement, so they called in Formidable to get to the bottom of what was slowing things down.

walmart-tablet-3

Challenge

Walmart had already invested in re-architecturing their website in React, so Formidable needed to dig into the details to increase the speed of the Walmart Checkout system and improve conversion rates.

Solution

Formidable began the process by auditing the existing Checkout app to determine what improvements could be made. During the two week audit, we found a critical mass of legacy code that needed to be pared down to improve load times. After presenting findings and suggesting improvements, Formidable was able to reduce the code bundle from 1.1MB to 617KB in the course of one week. From there, we continued to work with the Walmart team to improve and optimize code, choosing updates strategically to ensure that the payoff would be worth the effort required. 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.

walmart-tablet-4

Results

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

Benefits

The updates Formidable made to the Walmart Checkout code bundle greatly improved performance, which, in turn, improved conversions, and ultimately increased sales and revenue. Because the Walmart team is now well-versed in React best practices, they can apply the principles used to optimize the Checkout code bundle to their entire code base, giving them the opportunity to increase performance and conversions across the board.

Conclusion

Formidable was able to provide Walmart with a custom solution that resulted in huge performance improvements. Thanks to Formidable, the Walmart Checkout app now works better than ever.

More of Our Work

Walmart React Native Pharmacy

Previous Project

Starbucks Progressive Web App

Next Project

We Are Formidable


Formidable is a Seattle, Denver, and London-based engineering consultancy and open source software organization, specializing in React.js, React Native, GraphQL, Node.js, and the extended JavaScript ecosystem.

Since 2013, our agile team has worked with companies ranging in size from startups, to Fortune 100s, to build quality software and level up engineering teams.

Launching a new JavaScript Product?
Need Help with an Existing Project?

Get in touch