Please enable JavaScript.
Coggle requires JavaScript to display documents.
Progressive Web Applications(PWA) - Coggle Diagram
Progressive Web Applications(PWA)
What are they?
They are a new generation of applications that take advantage of the main web technologies (HTML, CSS and JavaScript) to create interfaces for Internet services.
Unlike mobile or desktop applications, these PWAs can run on any standards-compliant browser, in addition to other advantages such as push notifications, performance or increased functionality depending on the capabilities of the device and hence its name progressive.
How do they work?
The key to progressive web apps are so-called service workers. It is a script (a controllable proxy that runs between the browser and the server) "separate from a web page, opening the door to functions that do not need a page or user interaction"
As such, these service workers form the basis of the PWA standard, using web caching for near-instant results.
Service workers only last as long as their action is required. In a PWA, when you click something or use a function, one of them kicks in, processing the event by deciding if the offline cache can complete the request.
Features of Progressive Web Apps
These types of apps try to bring the usability of a native mobile app to the feature set of a modern browser, taking full advantage of advances in both areas of development, offering obvious advantages by allowing users to run them directly from the desktop without additional steps.
Universality – A PWA should work seamlessly for every user, regardless of their web browser.
Responsive: It should work with any device, laptop, tablet or smartphone.
Design: It should mimic native mobile apps, meaning simplified, easy-to-find menus, with simple interactivity for advanced features.
Security: PWAs should always use HTTPS to keep user data secure.
Updates – PWAs stay up to date and offer the latest versions of a service or site.
Discoverability: PWAs should be easily findable by users and identifiable as an app, rather than a website.
Installation: from any browser with no additional steps and no need to download from app stores.
Sharing: PWA only requires a single URL to share, without any installation.
Browser support
There are two requirements for using a Progressive Web App: a supported browser and an enabled service.
Websites like IsServicesWorrkedready allow you to verify the compatibility of browsers with PWA and others like CanIUse, they specialize in listing the implementation of this technology in each version and browser.
For example, if you search for service workers in the search bar, you will find a table that shows the version number with which each browser implemented them. Breaking down the current state of support:
Desktop Browser (Full Support): Chrome, Firefox, Opera, Edge, Safari
Desktop browser (partial support / outdated version): QQ, Baidu
Mobile browser (full support): Chrome, Firefox, Safari, UC Browser, Samsung internet, Mint Browser, Wechat
Mobile browser (partial support / outdated version): QQ, Android Browser, Opera Mobile