An Overview of Progressive Web Apps

Progressive Web Apps(PWAs) is the advanced version of website, which utilises latests technologies such as service workers, cache and Push APIs. This has enabled web developers to allow users to install web apps to their home screen, receive push notifications and even work offline.

Why do we need Progressive Web Apps (PWAs)?

Think of a scenario where user wants to play a game and to do this, he has to open a browser, type url, and then start playing. What if, user would have an ability to launch the game through the home screen by just a touch.

What users are missing?

  • A game, losing its place on home screen
  • Notifications(sale notifications, delivery notifications, doctor’s appointment and lot more)
  • Web is responding slowly and apps are already heavy.
  • Web presence goes on and off

How PWAs can help?

  • Network Resilient
    Service workers to build reliable first class offline experiences
  • Responds Fast
    Responding from cache with a fine grainer control over it, gives capability to load your content within 2-3 seconds
  • Engaging for users
    Push Notifications and home screen icons help users engage with you web app

Service Workers

A service worker is a script that browser runs in the background, separate from a web page, opening the door to features that don’t need a web page or user interaction.

Service Workers

Service Workers Code Snippet

Mobile Offline first

Offline First 1


Offline First 2

Push Notifications

Push Notifications

What more can we expect in Future?

  • Improved Add to home-screen
  • Replace your images for webP
  • Background sync

Browser Support

Browser Support

Example

http://outweb.io/

Further Read

https://developers.google.com/web/progressive-web-apps/

Leave a Reply

Your email address will not be published. Required fields are marked *