Progressive Web Apps (PWAs) have become the fastest, most reliable and engaging frontend, particularly on the mobile-web. Network performance has become a concern of the past, as service workers allow PWAs to deliver speedy page loads regardless of network quality. This modern web technology along with others, including Single Page Applications (SPAs), and Accelerated Mobile Pages (AMP), change the game for eCommerce websites, enhancing the entire digital experience from landing through checkout.
If you run an online business, you know performance is crucial. Slow sites have a negative impact on search ranking, traffic, conversions, and revenue. Even the almighty Amazon calculated a $1.6 billion drop in annual sales, with a one-second delay in page load. The eCommerce industry is realizing the need to provide the best, and fastest, mobile experience with leaders like Nike, Walmart, Target, and Venus.com, going headless with PWAs and AMP. But if you haven’t already figured that out, we have you covered.
We’ve been showcasing examples of top eCommerce PWAs on a monthly basis. These are examples of industry leaders who’ve made the shift to headless eCommerce architecture and adopted PWAs and/or SPA frontends, along with other cutting-edge technologies. Those who have made the switch see dramatic business wins and appreciation from today’s consumers who demand site speed.
Here are October’s top 10 eCommerce progressive web apps and single page applications:
Starbucks, the popular coffee chain, upgraded its website for it’s devoted fans with a React PWA for its 18M monthly visitors on both desktop and mobile devices. The lightweight PWA sized in at 233KB, which is 99.84% smaller than its native app, giving it a fast and ultra responsive interface. The PWA was built with server-side rendering support and designed to work in any network condition, so drinkers who crave an on-the-go cup of joe can browse, customize drinks, and submit their order with little to no coverage. Since its launch, the PWA has seen an increase in engagement and conversion rates.
Born from one of the founder’s popularity as a social media influencer, Ipsy, a beauty subscription service, quickly turned into a multibillion dollar business that now dominates the web. The brand has invested in 10,000 beauty vloggers who receive over 16 million views on YouTube, driving an enormous amount of brand awareness. The potential customers then land on a speedy online experience, with a SPA frontend for both mobile and desktop. Ipsy has also adopted AMP technology to ensure an instant first-page load from search, while decreasing bounce rates for their 8M monthly visitors.
From its in-flight entertainment system and ‘mood lighting,’ to its influencer marketing strategy, the tech-savvy Virgin America continues to utilize modern technology through adopting a PWA for their mobile website. Airline booking sites are notoriously known for long loading times, which result in high bounce rates. The enhanced PWA experience significantly improved its site speed, loading web pages 30-50% faster than its desktop counterpart.
The private, modern messaging service, Telegram, has committed to incorporating advanced technologies into their business. From chatbot based eCommerce to cloud-based instant messaging and VoIP to the PWA technology, Telegram is committed to cutting-edge tech. The service gained popularity for its secure messaging, and as a result of PWA offline capabilities, it provides a superior experience compared to the competition. The PWA scored a 96 in Lighthouse and satisfies over 180 million monthly active users with nearly-instant page loads, regardless of network connectivity.
Jumia Travel, Africa's No.1 travel website, optimized its online experiences with an eCommerce PWA. Jumia's main market resides in sub-Saharan Africa, where 75% of the mobile connections are on 2G networks. Their PWA was built to work on low quality connections, and sees 80% less data than the native app to complete a transaction. “We integrated PWA technologies to reduce friction,” Paul Midy, CEO of Jumia Travel. The result: the travel website cut it’s bounce-rates in half and saw a 33% increase in conversion rate.
MakeMyTrip leads India’s travel market with nearly 8M monthly visitors. This is just one of many travel sites that have made the switch to adopting a PWA in an effort to make their booking experience more reliable and responsive from any location, on any network. MakeMyTrip tripled its conversation rate from its preceding experience. Not to mention, page load speeds improved nearly four fold and scored an 81 in Lighthouse.
Demand for reliable transportation was growing in Indian cities with populations of 20-99K when Ola, an online cab aggregator, launched its PWA for mobile and desktop. It’s mission is to drive mobility for a billion Indians, competing to win a share of the country’s estimated 300M daily taxi trips.
With PWA technology, the cab service reduced its page load times to sub-second levels. It also reduced its 60MB native app footprint to 50KB for the PWA, making it more lightweight for users who don’t have free storage or internet bandwidth to run heavier native apps. Ola increased its mobile traffic by nearly 70%, and saw a 30% higher conversion rate.
"Having a fast, engaging mobile website means we’re no longer turning away potential users who don’t want to use data or space to download an app.” Dipika Kapadia, Head of Consumer Web & Corporate Products at Ola
Connecting travelers and like-minded locals, Cool Cousin provides personalized travel recommendations through a modern progressive web app experience. With an on-the-go user base, accessibility is critical for user retention, so the PWA is programmed to work regardless of network quality. Through adopting PWA technology for both mobile and desktop, their 500,000 worldwide traveler user-base stay connected with local residents, through a smooth and lightning-fast experience.
Squoosh is an open-source image compression PWA built by Google Labs to optimize and convert images quickly and easily. Squoosh leverages a number of modern technologies, including Node.js, server-side rendering, and more. The platform was primarily built to show how advanced web apps can deliver fast, easy, and enhanced ways to browse the web, on both mobile and desktop devices.
Superbalist is a South African online fashion and beauty retailer, offering designer brands at affordable prices for the country’s millennial generation. Superbalist struggled to build a speed optimized website, even though site speed is the key to winning over their young target audience. The fashion retailer decided to rebuild its site using PWA and AMP technology to decrease page load times, and generate higher engagement and conversion rates. The fashion retailer successfully saw a 26% increase in conversions from its PWA over the previous experience.
The competitive eCommerce market is growing rapidly and those in the industry who’ve made the shift to headless eCommerce through the adoption of progressive web apps, single page applications, accelerated mobile pages, along with other cutting-edge web technologies have a major advantage.
These frontend technologies dramatically enhance the customer experience by bringing page load times to sub-second levels, resulting in boosts to SEO, conversions, and revenue. Unfortunately, combining these modern tools is complex, with some teams simply unable to do this themselves. And beyond that, website speed is a problem that spans the browser, edge, and server, and needs a full stack solution. Modern frontends are only part of the solution.
Layer0 is the only full-stack solution for website speed. With an open, portable frontend, CDN-as-Code, and a Node.js backend for frontend Layer0 helps enterprise eCommerce optimize speed across the stack. We work to drive big wins in terms of visibility, reach, and revenue.