Measuring the Real-world Performance Impact of Service Workers
One of the most significant benefits of service workers (from a performance perspective, at least) is their ability to proactively control the caching of assets. A web application that can cache all of its necessary resources should load substantially faster for returning visitors. But what do these gains actually look like to real users? And how do you even measure this?
Housing.com increases conversions and lowers bounce rate by 40% with new PWA
Most Indian users reach the Internet via 2G and 3G networks, so a fast user experience is essential. To decrease load times, Housing.com added Service Workers and streamlined their site to help consumers quickly find what they’re looking for. Users can continue browsing properties and reviewing previous searches, all while offline.
Beyond the Rack
Push notifications allowed us to bring one of the most compelling capabilities from our native app to our mobile site. We see a direct 20% click through rate from push notifications—having another channel to reach our users is a game changer.
Dance Tonite in WebVR
Dance Tonite is an ever-changing VR collaboration with the band LCD Soundsystem and their fans. Built in WebVR, the project works across platforms–with and without VR–giving users a different role into the experience depending on their device. Project creators Jonathan Puckey, Moniker and Google’s Data Arts Team’s creative decisions and advanced optimization techniques enabled high-quality performance–close to 60FPS for 3DoF and 90FPS for 6DoF–and a compelling user experience across all platforms using a single codebase.
Santa Tracker as a PWA
Santa Tracker is a fun and educational experience for everyone-a holiday tradition here at Google. In 2016, we upgraded the Santa Tracker site to support offline via the Service Worker API.
Alibaba.com is the world’s largest online business-to-business (B2B) trading platform, serving 200+ countries and regions. After upgrading their site to a Progressive Web App (PWA), they saw a 76 percent increase in total conversions across browsers.
The Weather Channel
The Weather Company, an IBM Business, serves an average of 40 billion forecast requests every day, helping people plan their daily lives and make better decisions based on weather.
Carnival Cruise Line
Carnival Cruise Line, one of the world’s largest leisure-travel companies, wanted to enhance how it re-engaged its customers. Working with Mobify, Carnival implemented push notifications for mobile web users on Android and for desktop users on Chrome. The new strategy delivered a 42% engagement rate from customers who receive notifications.
The Washington Post
AMP helps the Washington Post increase returning users from mobile search by 23%!
"We are committed to improving speed across the board. If our site takes a long time to load, it doesn’t matter how great our journalism is, some people will leave the page before they see what’s there"
David Merrell, Senior Product Manager, The Washington Post
Building the Google I/O 2016 Progressive Web App
Learn how we built a the Google I/O 2016 Progressive Web App (IOWA) using web components, Polymer, and material design and launched it into production on Google.com.
IOWA is a single page application (SPA) that's built using web components, Polymer, Firebase, and has an extensive backend written in App Engine (Go). It pre-caches content for offline users using a service worker, dynamically loads new pages, gracefully transitions between views, and reuses content after first load.
"Smarter shopping, better living!" is the motto of AliExpress, a website where shoppers can buy everything from baby clothes to refrigerators directly from China. Part of the Alibaba Group, the global online retail marketplace is now a popular e-commerce site in America, Russia, and Brazil.
"Push Notifications are a huge part of our mobile engagement strategy. It’s a more personal way to communicate with our customers. That’s incredibly valuable to our bottom line."
Mujeeb Hazzaa, Chief Business Development Officer
"We finally have proper means to address our fastest growing pool of customers — mobile web users. That’s incredibly valuable. We even see better results from web Push Notifications than from app pushes."
Jeremy Doutte, Jumia CEO
"For us, it’s no longer an either-or decision. To reach new users, we must be on the mobile web!",
Weihan Liew, BaBe CEO.
"We estimate that with our new light, super-fast, UX-rich browsing capability, customers’ data consumption will fall dramatically which we believe will result in a corresponding increase in conversions."
Shola Adekoya, Konga.com CEO.
"With a new user growth rate of 100%, quarter-on-quarter, the mobile web is at the heart of our success...It’s a major venue for low-cost and highly effective customer acquisition and engagement."
Lucas Lu, 5miles CEO
"We finally have a way to retain users on the mobile web. This has been a game changer for us!"
Dai Shibayama, manager, Smart Device Division, Recruit Sumai Company Ltd.
Flipkart triples time-on-site with Progressive Web App
In 2015, Flipkart, India’s largest e-commerce site, adopted an app-only strategy and temporarily shut down their mobile website. The company found it harder and harder to provide a user experience that was as fast and engaging as that of their mobile app. But then, Flipkart decided to rethink their development approach. They were drawn back to the mobile web by the introduction of features that made the mobile web run instantly, work offline, and re-engage users.
AirHorner is a simple but powerful Progressive Web App that shows the power of Service Workers and the Web Audio API to give you your very own air horn. Use it to annoy your friends or co-workers, no matter whether you're online, offline or on a flaky 2G network.
Service Workers in Production
The Google I/O 2015 Web App