What is progressive web app? Plain-English meaning

Short definition: A progressive web app is a website that uses modern web features, especially service workers, to work like a native installed app.

Plain-English explanation

A progressive web app (PWA) is a regular website that has been enhanced with extra capabilities so it feels like an app you install on your phone or computer. The key technology is a service worker, a script that runs in the background and controls caching and network requests. This allows the site to load instantly even when you are offline, and to send push notifications. Unlike a traditional app, you don't have to go through an app store; you can add it to your home screen directly from the browser. It is still built with standard web technologies like HTML, CSS, and JavaScript, so it works across different devices and platforms.

Why it matters

You will care about progressive web apps when you want a fast, reliable, and engaging experience on a website without the friction of downloading a separate app. They are especially useful for businesses that want to provide an app-like experience without the cost and complexity of maintaining multiple native apps. For users, PWAs mean less storage space used and no app store updates; the site updates itself. They also work offline, which is valuable in areas with poor connectivity.

Concrete example

Imagine a news website that you visit often. As a PWA, the first time you visit, you see a prompt to 'Add to Home Screen'. Once you add it, an icon appears on your phone's home screen, and tapping it opens the site instantly, even if you have no internet connection. You can read previously loaded articles offline, and the site sends you a push notification when a new article is published.

Common confusion

People often confuse a progressive web app with a native app or a 'mobile app'. The key difference is that a PWA is not installed through an app store and does not run as a separate compiled program; it runs in the browser and uses web technologies. It can look and behave like a native app, but it is fundamentally a website with enhanced capabilities.

Related terms

service worker, web app, responsive web design

Practical tips

Array

Common questions

Array

Key takeaways

Array

Step by step

Array

More context

The term 'progressive web app' was coined by Google in 2015 to describe a set of best practices for building reliable, fast, and engaging web applications. PWAs can be added to a device's home screen without an app store, and they receive updates automatically. They are now supported across major platforms, including Windows and Android, with increasing support on iOS.

Additional background

The core technologies of a PWA are not new individually, but their combination creates a new user experience. The web app manifest is a JSON file that provides metadata about the app, such as its name, icons, and launch behavior. Service workers act as a client-side proxy, enabling offline and background features. Push notifications allow PWAs to re-engage users, but they require user permission. The installability criteria are not standardized across browsers; for example, Safari on iOS only allows adding to the home screen but does not fully support all PWA features like push notifications. PWAs can be distributed via the web, which means they do not require approval from app store moderators, but they also cannot access certain device features like NFC or Bluetooth in all browsers. Despite these limitations, PWAs are often cheaper to develop and maintain than native apps because they use a single codebase for all platforms. The performance of a PWA is critical, as users expect instant loading and smooth interactions, which is why developers often use techniques like lazy loading and caching.