Progressive Web Apps

What Is a PWA? How Progressive Web Apps Work in 2026

16 min read
Table of contents

Pinterest’s old mobile site took 23 seconds to become usable on an average Android phone over a slow 3G connection. The progressive web app that replaced it in 2017 was usable in 5.6 seconds, and core engagements rose 60%, according to the Chrome team’s case study.

Results like that made progressive web apps the big promise of the mobile web: a website that loads like an app, works offline, sits on the home screen and sends push notifications, with no app store in the way.

Most of that promise holds on Android and desktop. iPhone support came late and with conditions, and in 2024 Apple nearly removed it for users in the EU.

This guide explains what a PWA is, how it works, what it can do on each platform in 2026 and when a mobile app is the better choice.

What Is a Progressive Web App?

A progressive web app (PWA) is a website built to behave like an app. People can install it from the browser, open it from an icon on their home screen or desktop, use it in its own window without the address bar and get push notifications from it.

It’s still a website underneath. It lives at a URL, search engines index its pages and anyone can open it in a browser without installing anything.

That makes a PWA an upgrade to your site, not a separate product. Browsers switch on its app features where they support them, and everyone else gets the regular website.

Uber's web app at m.uber.com on an iPhone-sized screen: a map of downtown San Francisco with a Get a ride panel for pickup and dropoff locations
Uber's web app at m.uber.com is a PWA. Added to the home screen, it opens without the browser's address bar.

Where the Name Comes From

The name “progressive web app” goes back to Alex Russell, then a Chrome engineer at Google, and Frances Berriman. In a June 2015 blog post, Russell described a new kind of website that was responsive, worked offline, could send notifications and could be installed to the home screen.

The pair called them “progressive apps”, and the name stuck as progressive web apps.

"These apps aren't packaged and deployed through stores, they're just websites that took all the right vitamins."
Alex Russell, Chrome engineer, Google, 2015

“Progressive” refers to progressive enhancement: build a version that works in every browser, then add features where the browser supports them. On an old browser, a PWA is just a website. On a modern one, it can be installed, work offline and send notifications.

Google’s own definition on web.dev sums it up in three pillars: a PWA should be capable, reliable and installable.

How Does a Progressive Web App Work?

A progressive web app works through three pieces of web technology: HTTPS, a web app manifest and a service worker. Web developer Jeremy Keith described these as the minimum for a PWA in 2017, and they’re still the core.

ElementWhat it doesNeeded to install?
HTTPSEncrypts the connection. Service workers and push notifications only run on secure sites.Yes
Web app manifestA small JSON file with the app's name, icons, start page and display mode.Yes, in Chrome and Edge
Service workerA script that sits between the site and the network. It caches files, serves offline pages and receives push messages.No longer in Chrome, but needed for offline pages and most push setups

The manifest is what tells a browser your site can be installed. Chrome’s criteria ask for HTTPS, a name, 192px and 512px icons, a start URL and a display mode such as “standalone”, plus at least one click or 30 seconds on the page.

Safari is looser. On iPhone and Mac, people can add any site, with or without a manifest.

Here’s Uber’s manifest for m.uber.com, with the icon addresses shortened:

{
  "name": "Uber",
  "short_name": "Uber",
  "start_url": "/?utm_source=homescreen&utm_medium=shortcut",
  "display": "standalone",
  "orientation": "portrait",
  "theme_color": "#000000",
  "background_color": "#FFFFFF",
  "icons": [
    { "src": "…/b8c00410291161d0.png", "sizes": "192x192", "type": "image/png" },
    { "src": "…/2e878ee344ed3c86.png", "sizes": "512x512", "type": "image/png" }
  ]
}

The "display": "standalone" line makes the installed app open in its own window, without browser controls. The start URL carries UTM tags, so Uber can count the visits that come from the home screen icon.

The service worker is what makes a PWA fast. On the first visit, it saves the site’s shell (the layout, scripts and styles) on the device. Later visits load from that copy and only fetch what’s new, which is how native apps stay quick too.

What Can a PWA Do in 2026?

A PWA in 2026 can do most of what people expect from an app on Android and desktop, and noticeably less on iPhone. What it can do depends on the browser, not on your code.

AndroidiPhone and iPadDesktop
Install from the browserYes, from Chrome's prompt or menuYes, through Share, then Add to Home ScreenYes in Chrome and Edge, Safari on Mac (Add to Dock) and Firefox on Windows
Install prompt the site can triggerYes, in Chrome, Edge and Samsung InternetNoChrome and Edge only
Push notificationsYesOnly once it's on the Home Screen (iOS 16.4 and later)Yes, in all major browsers
Offline pagesYes, with a service workerYes, with a service workerYes, with a service worker
Background syncChrome and other Chromium browsersNoChrome and Edge, not Safari or Firefox
Bluetooth and NFCYes, in ChromeNoBluetooth in Chrome and Edge, no NFC
Store listingGoogle Play, as a Trusted Web ActivityNot in the App StoreMicrosoft Store, packaged with PWABuilder

Chromium browsers (Chrome, Edge and Samsung Internet) support the most. Safari and Firefox don’t support Web Bluetooth, Web NFC or Background Sync, according to MDN’s compatibility data in October 2026.

Firefox is the newcomer on desktop. Since Firefox 143 in September 2025, it can pin a site to the Windows taskbar as a web app, but Mozilla’s documentation says Mac support isn’t available yet.

Do PWAs Work on iPhone?

PWAs work on iPhone and iPad, but their app features, like push notifications, only switch on once someone adds the site to their Home Screen. Apple decides what they can do there. Every Home Screen web app runs on Apple’s WebKit engine, whichever browser added it.

Support has grown in steps:

Some things haven’t changed. Safari never shows an install prompt, and sites can’t trigger one, so people have to find Share, then Add to Home Screen, on their own.

Push only reaches people who’ve done that and then allowed notifications after tapping a button. And a PWA still can’t be listed in the App Store.

Our guide to PWAs on iOS goes through every feature and gap. For setting up notifications, see how to add push notifications to a PWA on iPhone and Android.

Benefits of Progressive Web Apps

Progressive web apps make a website faster, more reliable and easier to come back to, without an app store or a second codebase. Here’s what they give you:

  • They’re fast. A service worker serves repeat visits from the device, so pages appear almost instantly, even on a slow connection.
  • They cope with bad connections. Cached pages and an offline screen replace the browser’s error page when the connection drops.
  • They feel like an app. An installed PWA opens from an icon in its own window, with no address bar or tabs.
  • They’re still websites. Search engines index them, every page has a link people can share and nobody has to download anything first.
  • They’re light. Twitter Lite needed about 600KB over the network, against 23.5MB to install Twitter’s Android app, according to Google’s 2017 case study.
  • They update instantly. You publish a change to your site and everyone gets it, with no app store review and no update for users to download.
  • They can send push notifications. On Android and desktop, a PWA can ask for permission like an app can. iPhone has the conditions covered above.

What Results Have Companies Seen With PWAs?

Some of the best-known web performance case studies come from companies that rebuilt their mobile sites as progressive web apps.

CompanyReported resultsSource
PinterestTime spent up 40%, user-generated ad revenue up 44% and core engagements up 60%Chrome team case study, November 2017
Twitter Lite65% more pages per session, 75% more Tweets sent and a 20% lower bounce rateGoogle case study, May 2017
Nikkei2.3 times the organic traffic, 58% more subscriptions and 49% more daily active usersGoogle case study, 2018 (PWA launched November 2017)
AliExpressConversion rate up 104% for new users, and iOS conversion rate up 82%Google case study, 2016
UberA core web app of 50kB that's usable in about three seconds on a 2G networkUber Engineering, June 2017

These results date from 2016 to 2018, when Google was promoting PWAs heavily, and they measure a faster rebuild as much as the PWA features themselves. Treat them as evidence that speed pays, not as a forecast for your site.

For more examples of what’s possible with a PWA, see our roundup of progressive web app examples.

Disadvantages of Progressive Web Apps

Compared with a regular website, a PWA has few downsides beyond the time and money it takes to build. The drawbacks show up when you compare it with an app:

  • Few people install them. Most people have never added a website to their home screen, and on iPhone nothing prompts them to.
  • Push reaches fewer people on iPhone. Notifications only work for people who’ve added the PWA to their Home Screen and then said yes.
  • There’s no App Store listing. Google Play and the Microsoft Store accept PWAs with some packaging, but Apple’s App Store doesn’t, so you’re missing from the place iPhone users look for apps.
  • Device features are patchy. Bluetooth, NFC and background sync work in Chrome but not in Safari, which rules them out for anything that has to work on iPhone.
  • Data can disappear. Browsers can clear a site’s cached data when a phone runs low on storage, while an app’s data stays until it’s deleted.
  • The rules can change. Browser makers decide what PWAs can do, as the EU episode in 2024 showed.

None of this matters much if the PWA’s job is to make your website better. It matters a lot if you’re hoping it will replace a “real” app.

Do I Need a Progressive Web App?

If your website is important to your business, you’ll benefit from the core value of a PWA: a fast, cached, installable site. The work improves the site every visitor already uses, and mobile keeps growing as the most common way people use the web.

A PWA on its own is a strong fit when:

  • Most of your mobile visitors are new or occasional, and arrive from search, ads or social media.
  • People use your product on desktop as well as mobile, and you want one codebase for every screen.
  • Most of your audience is on Android, where PWAs get the fullest support.
  • You run a web tool that people would like to keep in their dock or taskbar.

An app is the better choice when:

  • Your best customers come back every week or more, and you want to reach them with push on iPhone.
  • People expect to find you in the App Store and Google Play.
  • Your product needs device features Safari doesn’t support, like Bluetooth or NFC.

If you run an online store, our guide to ecommerce PWAs goes into more detail on the benefits and implementation steps of progressive web apps for businesses like yours.

How to Build a Progressive Web App

Building a progressive web app comes down to a few steps, and you can add them to the site you already have:

  1. Serve the whole site over HTTPS. Most hosts include a certificate.
  2. Add a web app manifest. Give it a name, 192px and 512px icons, a start URL and a display mode. Link it from every page.
  3. Register a service worker. Cache the app shell and your key pages, and add an offline page.
  4. Add push notifications, if you need them. Ask for permission after the user taps something, which Safari requires.
  5. Test on real devices. Check installation, offline behavior and push on an iPhone and an Android phone. Lighthouse dropped its PWA audit in May 2024, so use the Application panel in Chrome DevTools to check the manifest and service worker.
  6. Package it for stores, if you want listings. PWABuilder packages PWAs for the Microsoft Store and Google Play, and Google’s Bubblewrap builds the Trusted Web Activity that Google Play needs.

Plenty of tutorials promise a PWA in 10 minutes, and they’re right about the minimum. A manifest and a basic service worker are quick to add.

Doing it well is harder. Caching the right files, keeping content fresh and handling offline states take experienced front-end developers, and a designer who understands app navigation helps.

Cost and Timescale of Building a Progressive Web App

The cost of a progressive web app depends mostly on whether you’re upgrading your current site or building a new web app from scratch. Converting an existing site is usually cheaper and faster.

As a rough estimate, you’re looking at investing at least 3 months and $20,000 to $50,000 to get a great result. A bare-bones PWA can take a couple of weeks, while one with advanced features and integrations can take up to six months.

Compared with a native app, that’s still cheaper and faster, because you build and maintain one codebase instead of two.

Turn a WordPress Site into a PWA

WordPress sites can add PWA features with a plugin. SuperPWA, with more than 40,000 active installs, adds a manifest, offline caching and an Add to Home Screen notice. It was last updated in September 2026.

Check that a plugin is still maintained before you rely on it. The PWA plugin, whose contributors include Google, is flagged on WordPress.org as untested with the last three major WordPress releases.

Progressive Web Apps vs Native Apps

Progressive web apps and native apps aren’t rivals, even though they’re often pitched that way. They do different jobs, and they work best together.

A PWA gives every mobile visitor a fast, app-like website, with nothing to install. A native app is a home for your most loyal customers: it lives on their phone, reaches them with push and puts you in the App Store and Google Play.

PWANative app
What it isYour website, with a manifest and a service workerAn app that runs on a customer's phone
How people get itThey visit it or install it from their browser settingsApp Store and Google Play (with one tap)
Listed in the App StoreNo (Google Play and Microsoft Store with packaging)Yes
Push on iPhoneOnly after it's added to the Home ScreenYes
Device featuresWhat the browser supports, which is limited on iPhoneFull access
UpdatesInstantThrough app store review
Cost and timeLowest, especially when it builds on your current siteHighest, up to six months or more of development
Best suited toReaching new and occasional visitors on every deviceBringing repeat visitors back easier, with push for instant message delivery

Our article on PWAs vs native apps goes into this comparison in more depth.

A Native App, Without Building One From Scratch

The biggest downside of a native app is the cost of building it. A custom app for iPhone and Android can take six months or more of development, and then a team to keep it in step with your website.

MobiLoud slashes that cost by building on top of what you already have. We turn your existing website into native iOS and Android apps, published in the App Store and Google Play.

To your customers, it’s no different from a custom app built from scratch. They download it from the app stores, it sends push notifications, it has native navigation and links open straight in the app.

Because the app is built on your site, there’s nothing to rebuild and no second codebase to keep in sync. Every change to your website shows up in the app, and we build, publish and maintain your app for you.

Launch typically takes 2 to 4 weeks, with a one-time setup fee.

"Because we're using an app, we have the ability to leverage native device features and capabilities that are not available to a web browser."
David Chamberlin, Lead Developer, Tadashi Shoji

If you already have a PWA, it can power the app too. Our page on turning a PWA into iOS and Android apps explains how.

Should You Build Native Apps or a PWA?

A PWA is the best version of your website, and for most businesses it’s worth having. It makes the site faster, keeps it working on a bad connection and lets your most engaged visitors keep it on their home screen.

It isn’t a replacement for an app, though. On iPhone, few people will install it, push only reaches the ones who do and you won’t appear in the App Store.

Native apps are still the best mobile experience. What held most businesses back was the cost of building them twice, once for iPhone and once for Android, then keeping both in step with the website.

MobiLoud removes most of that cost by building your app on top of your website. Build the PWA for your mobile web visitors and give your repeat customers a native app powered by the same site. That covers everyone, with one website to maintain.

Andrew Buck

Andrew Buck

Head of Content

Andrew has a decade of experience creating digitally-native content, and currently runs all content operations for MobiLoud. He has written extensively on topics related to Shopify, Amazon, ecommerce and digital marketing, drawing on real-world experience in high-traffic retail and customer service. He has worked in and written about various industries, including ecommerce SaaS and high-ticket consumer brands, and has created content that has been referenced in thousands of publications, including Forbes, the New York Times, and many more leading publishers.

Frequently asked questions

Is a PWA the same as a native app? +

A PWA isn't the same as a native app. A PWA is a website that runs on the browser's engine, even after it's installed, while a native app is built for iOS or Android and downloaded from the App Store or Google Play. That's why native apps get fuller access to the phone's features.

Can you put a PWA in the App Store? +

A PWA can't go in Apple's App Store as it is, because Apple turns down apps that are just a repackaged website. Google Play accepts PWAs packaged as a Trusted Web Activity, and the Microsoft Store accepts PWAs packaged with PWABuilder. To reach the App Store, a site has to become a real app with native features of its own.

How do you install a PWA on iPhone? +

To install a PWA on iPhone, open the site in Safari, tap the Share button and choose Add to Home Screen. Other iPhone browsers can offer the same option on iOS 16.4 and later, and since iOS 26 every site added this way opens as a web app by default.

Do PWAs work offline? +

PWAs can work offline, but only for the pages and data their service worker has saved on the device. A well-built PWA caches its main screens and shows an offline page for the rest, while anything that needs live data, like checkout or search, still needs a connection.

Are PWAs good for SEO? +

A PWA is as good for SEO as the website it's built on, because search engines crawl and index it like any other site. If your PWA builds its pages in the browser with JavaScript, make sure every page has its own URL and that its content can be rendered on the server, so search engines can read it.

Are PWAs still worth building in 2026? +

PWAs are still worth building in 2026 for most websites, because the same work makes a site faster and more reliable for every visitor. What has faded is the idea that a PWA replaces an app: on iPhone it still can't match an app's reach, so businesses with repeat mobile customers usually pair one with an app.

Related reading

Get a free preview of your app

See how your store would look and feel as a mobile app, before deciding whether to build.

No credit card required.