with Web Technologies such as HTML, CSS, Javascript and modern Web Api to create a native app-like user experience. This simply means that we could have a standalone web application and also create a cross-platform application from it. All that is needed is for us to just visit the PWA website and install the application to our device. This application then acts like a native application. A PWA can also be developed using popular web frameworks such as Angular, React, and ASP.NET Core. 6
assets more reliably. This makes it possible to retain the current assets instead of fetching it again, thereby increasing the speed of your application. It is only when the new visitor visits further pages during the session or returns back later that the PWA caching comes into picture. So, if a large number of first visitors are bouncing off your site due to slow loading, PWAs will not help improve their speed experience. 8
features 1. Secure contexts (HTTPS) The web application must be served over a secure network. Being a secure site is not only a best practice, but it also establishes your web application as a trusted site especially if users need to make secure transactions. Most of the features related to a PWA such as geolocation and even service workers are available only once the app has 10
script that allows intercepting and control of how a web browser handles its network requests and asset caching. With service workers, web developers can create reliably fast web pages and offline experiences. 11
how your application appears to the user and ensures that progressive web apps are discoverable. It describes the name of the app, the start URL, icons, and all of the other details necessary to transform the website into an app-like format. 12
native app user experience, work offline, push notifications, and device hardware access. These features can be broken down into the following: 1. Progressive and Responsive PWAs support the majority of the modern browser with newer capabilities. The responsiveness of PWAs makes them fit and display well on mobile phones, tablets, laptops, and desktops. That means, once you build a PWA, you don’t need to worry about what browsers or devices users use. 13
that separates a native app with a browser Web app includes native user experience, app icon on the mobile device screen, search in the app store, and push notifications. PWAs support all these key features. 14
is a script that your browser runs in the background, separate from a web page, which enables features that don't need a web page or user interaction. These includes feature It is also a key component of PWAs that allows an app to provide offline sync, local caching, push notifications, and communication between the worker thread and the main browser thread. 15
web technologies The only key difference between a PWA and native apps is the technology and where the app runs. A PWA is a web application and is served from a web server. A native app runs on a local device. A well done PWA can run locally, just like a native application. On Windows and Android, the add to home screen process even compiles the PWA to a native app on the platform.While PWAs are written in web technologies, native apps are often written in proprietary technologies designed for a specific platform only. For example, Apple iOS apps are written on Swift and Objective-C, and Android apps are written in Java and Kotlin respectively. PWAs can be written in any web technologies such as a combination of HTML+ JavaScript, React, Angular, or ASP.NET Core. 16