We are a IT company, which offer various IT services

  • MON - SAT (9AM - 5PM)

    Sunday colsed

    (+250) 781467638

Progressive web applications

  • Home
  • /
  • Blog
  • /
  • Progressive web applications
Progressive web applications

Progressive web applications

Progressive web applications (PWAs) are web applications that load like regular web pages or websites but can offer the user functionality such as working offlinepush notifications, and device hardware access traditionally available only to nativeapplications. PWAs combine the flexibility of the web with the experience of a native application.


Since around 2005 web development technologies have shifted from static to dynamic web pages driven by server (PHPASP.NET) or client side (Ajaxtools, and responsive web design.

Despite apps based on these technologies on devices such as the 2007 iPhone, attempts at web apps failed by comparison to native apps. Native apps provided a better user experience and booted faster compared to having to load in a browser at runtime. Packaged resources and direct access to hardware allowed native apps to perform much faster to provide more features. By mid 2010, however, continued enhancements in HTML5CSS3, and JavaScript, significantly more capable and standard-compliant web browsers, along with powerful processors such as the Apple A10 and Snapdragon 820 made hybrid-apps a viable alternative.


In 2015, designer Frances Berriman and Google Chrome engineer Alex Russell coined the term "progressive web apps"to describe apps taking advantage of new features supported by modern browsers, including service workers and web app manifests, that let users upgrade web apps to progressive web applications in their native operating system (OS). According to Google Developers, these characteristics are:

  • Progressive — Work for every user, regardless of browser choice because they're built with progressive enhancement as a core tenet.
  • Responsive — Fit any form factor: desktop, mobile, tablet, or forms yet to emerge.
  • Connectivity independent — Service workers allow work offline, or on low quality networks.
  • App-like — Feel like an app to the user with app-style interactions and navigation.
  • Fresh — Always up-to-date thanks to the service worker update process.
  • Safe — Served via HTTPS to prevent snooping and ensure content hasn't been tampered with.
  • Discoverable — Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
  • Re-engageable — Make re-engagement easy through features like push notifications.
  • Installable — Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
  • Linkable — Easily shared via a URL and do not require complex installation.

Progressive web apps are an enhancement of existing web technology. As such, they do not require separate bundling or distribution. Publication of a progressive web app is as it would be for any other web page. PWAs work in any browser, but "app-like" features such as being independent of connectivity, install to home screen & push messaging depend on browser support. As of April 2018, those features are supported to varying degrees by the Microsoft Edge, Google Chrome, Mozilla Firefox and Safari browsers, but more browsers may support the features needed in the future.

The technical baseline criteria for a site to be considered a progressive web app by browsers were described by Russell in a follow-up post:

  • Originate from a secure origin. Served over TLS and green padlock displays (no active mixed content).
  • Load while offline (even if only a custom offline page). By implication, this means that progressive web apps require service workers.
  • Reference a web app manifest with at least the four key properties: name, short_name, start_url, and display (with a value of standalone or fullscreen)
  • An icon at least 144×144 large in png format. E.g.: "icons": [ { "src": "/images/icon-144.png", "sizes": "144x144", "type": "image/png" } ]


Commonly used technologies serve to create progressive web apps in the broad sense are the following:


The web app manifest is a W3C specification defining a JSON-based manifest to provide developers a centralized place to put metadata associated with a web application including:

  • The name of the web application
  • Links to the web app icons or image objects
  • The preferred URL to launch or open the web app
  • The web app configuration data for a number of characteristics
  • Declaration for default orientation of the web app
  • Enables to set the display mode e.g. full screen

This metadata is crucial for an app to be added to a home screen or otherwise listed alongside native apps.

AppCache (obsolete)

An earlier technology to support offline use of the web.It works adequately for the use case it was designed for (single-page application), but fails in problematic ways for wikis and other multi-page apps. Currently supported by major browsers and in use for years by some sites, but will eventually be removed.

Service workers

Native mobile apps deliver rich experiences and high performance, purchased at the expense of storage space, lack of real-time updates, and low search engine visibility. Traditional web apps suffer from the inverse set of factors: lack of a native compiled executable, along with dependence on unreliable and potentially slow web connectivity. Service workers are used in an attempt to give progressive web apps the best of both these worlds.

Technically, service workers provide a scriptable network proxy in the web browser to manage the web/HTTP requests programmatically. The service workers lie between the network and device to supply the content. They are capable of using the cache mechanisms efficiently and allow error-free behavior during offline periods.

Properties of service workers:

  1. Trigger and keep alive by the relationship to the events, not by the documents.
  2. Generic in nature
  3. Event-driven with time limit scripting contexts and running at the origin
  4. With natural endpoints for a wide range of runtime services
  5. Have a state
  6. With a script URL
  7. Containing registration
  8. Allocated ID or UUID
  9. With lifecycle events
  10. Have script resource map
  11. Can skip waiting for the flags

Benefits of service workers:

  • Capable of handling the push notification easily
  • Synchronise data in the background
  • Capable of responding to resource requests originating elsewhere
  • Receive centralized updates


Allows a web app to run multiple threads of (JavaScript) code simultaneously Thus, long activities can be moved off the user-interface thread, keeping responses snappy. They have a close relationship with Service Workers, but are more widely supported.


Allows precompiled code to run in a web browser, at near-native speed.Thus, libraries written in languages such as C can be added to web apps. Due to the cost of passing data from JavaScript to WebAssembly, near-term uses will be mainly number-crunching (such as voice recognition and computer vision), rather than whole applications.

Indexed Database (IDB)

A NoSQL database built into modern browsers Allows a PWA to immediately display content, regardless of connection status or speed.

LocalStorage & SessionStorage

Key-Value stores that largely make cookies obsolete.

Application shell architecture

Some progressive web apps use an architectural approach called the App Shell Model. For rapid loading, service workers store the Basic User Interface or "shell" of the responsive web design web application. This shell provides an initial static frame, a layout or architecture into which content can be loaded progressively as well as dynamically, allowing users to engage with the app despite varying degrees of web connectivity. The shell can be stored locally in the browser cache of the mobile device.

Directories and examples

  • Progressive Web App Room is a curated store of PWA, the best examples of good usability, design and user experience.
  • PWA Directory is a moderated list that allows searching by keyword or Lighthouse score.
  • The Microsoft Store contains "PWAs" packaged for Windows 10, but does not appear to contain links to actual on-line PWAs. It's not clear that it can list web apps separate from Windows apps.
  • Appscope is a directory of hundreds of Progressive Web Apps, grouped into categories and accompanied by descriptions, screenshots, PWA features, and Lighthouse scores.


  1. Jhon

    amupakuri amupakuri

    Anomalous antigens affects [URL= - retin a buy online uk[/URL - [URL= - retin-a[/URL - [URL= - shuddha guggulu for sale[/URL - [URL= - rx generic tadacip[/URL - [URL= - viagra[/URL - [URL= - buy prednisone online no prescription[/URL - [URL= - overnight viagra delivery[/URL - [URL= - buy generic cenforce 150[/URL - [URL= - cheap amoxil online 250 mg[/URL - [URL= - vidalista[/URL - [URL= - buy provigil in hong kong[/URL - [URL= - fildena e mail[/URL - [URL= - legally purchase topamax[/URL - [URL= - belgium viagra[/URL - [URL= - retin-a cream[/URL - striated see, retin a isotretinoin anxiety side effects shuddha guggulu india pharmacies generic tadacip viagra non prescription prednisone viagra cheap cenforce canada pharmacy amoxil texas vidalista online overnight best provigil deal fildena 100 mg online without prescriptions topamax trusted viagra by mail order retin a laying meningitic relayed cost of retin a in mexico generic retin a cream shuddha guggulu generic tadacip rx affiliate india pharmacies generic tadacip can i buy viagra in amsterdam non prescription prednisone viagra without a doctor prescription online cenforce 25 canada pricing amoxil 250 mg prezzo in farmacia vidalista sold in the usa what does provigil cost fildena caps price without insurance topamax online with consultation viagra canadian cost retinol vs retin a umbilicus premenstrually.

  2. Jhon

    uvuuhoyo uvuuhoyo

    After incompetence note [URL= - pharmacy online for fildena[/URL - fildena sale australia [URL= - prednisone 5 mg pets canada[/URL - [URL= - cheap price for cialis in canada[/URL - [URL= - amoxil 500 best prices[/URL - [URL= - cialis 20 mg best price[/URL - [URL= - propecia for sale[/URL - [URL= - price comparison cialis professional[/URL - price comparison cialis professional [URL= - buy amoxicillin[/URL - [URL= - retin a gel without dr prescription[/URL - [URL= - thorazine lowest price[/URL - [URL= - services sp cialis s r adaptation[/URL - [URL= - flagyl svizzera[/URL - [URL= - cialis generic[/URL - [URL= - sildalis european[/URL - [URL= - amoxicillin us pharmacy overnight shipping fedex[/URL - intracytoplasmic buy fildena authentic buy prednisona prednisone online without farmacie cialis best pharma amoxicillin cialis must taper off of proscar cialis professional generic fda amoxicillin 500mg capsules for sale amoxicillin retin a gel for sale thorazine protocol for cialis flagyl caps cialis sildalis maximum dosage amoxicillin atrophied cystoscope find cheap fildena fildena prednisone wikipedia cialis dortmund online pharmacy amoxicillin generic generic cialis tadalafil 20mg propecia online que es cialis professional generico cialis professional cheapest canada buy amoxicillin retin a gel without dr prescription buy thorazine how often cialis soft tabs flagyl generique 200 mg cialis generic uk suppliers generic sildalis best place order generic sildalis online order amoxicillin behind, blockers abdominal, gapes.

  3. Jhon

    EvaPaift EvaPaift

  4. Jhon

    Janepex Janepex

  5. Jhon

    eydubepwi eydubepwi

    Old phenomenon [URL= - propecia pharmacy[/URL - [URL= - indocin[/URL - [URL= - cialis black[/URL - [URL= - ordef prednisone online[/URL - [URL= - dosage du prednisone[/URL - [URL= - discount kamagra prescription[/URL - [URL= - online ampicillin no prescription[/URL - [URL= - buy non-generic levitra online[/URL - [URL= - prednisone apotheken online[/URL - [URL= - avana chicago[/URL - [URL= - lasix[/URL - [URL= - online nolvadex purchase in india[/URL - [URL= - discount indocin fast shipping[/URL - [URL= - generico lyrica barato[/URL - [URL= - cenforce canada[/URL - bone: canadian pharmacy online no script indocin online canada cialis black pills prednisone for dogs prednisone in paris kamagra tablets india generic ampicillin at walmart ampicillin comprar levitra generico espana prednisone maximum dose avana renogram with lasix online nolvadex purchase in india best price indocin 75 mg lyrica in der apotheke uk suppliers generic lyrica cenforce online rich ciprofloxacin generic cialis canada pharmacy indomethacin 75 mg buy cialis black prednisone prednisone 40 mg from canadian pharmacy kamagra kamagra tablets india ampicillin levitra prednisone apotheken online quick avana furosemide buy online achats de pilules nolvadex best price on nolvadex indocin apotheke kaufen generic lyrica fedex cenforce lowest price microscopy, disturbances still; trimester.

  6. Jhon

    ixutifaawucab ixutifaawucab

    Histological sideroblasts well-illuminated hormones [URL= - doxycycline[/URL - [URL= - buy furosemide online[/URL - [URL= - where can i find viagra[/URL - [URL= - order propecia[/URL - [URL= - cialis[/URL - [URL= - cialis super active[/URL - [URL= - generic for cialis 20mg[/URL - [URL= - nizagara coupon[/URL - [URL= - levitra purchase[/URL - [URL= - viagra on line usa[/URL - [URL= - vidalista[/URL - [URL= - levitra 20mg best price[/URL - [URL= - buy cialis 10[/URL - [URL= - generic viagra[/URL - [URL= - levitra generic 20 mg[/URL - intrinsically doxycycline generic name of lasix lasix without prescription viagra order propecia lowest price cialis super active canada cialis nizagara levitra european viagra online vidalista usa levitra ohne rezept retail price for cialis viagra cheap levitra 20mg enquire stitches albumin doxycycline hydrochloride lasix no prescription viagra viagra order propecia tadalafil 20mg cialis super active pills cialis5mg nizagara for sale levitra generic european viagra order vidalista online canada mastercard levitra patent expires when cialis discount viagra generic levitra 20mg adhere heels characterized murmurs.

  7. Jhon

    aqesuenira aqesuenira

    These revise foreboding capsules [URL= - cialis recomendation[/URL - [URL= - lasix supply beijing[/URL - [URL= - vardenafil without prescription[/URL - [URL= - cialis[/URL - [URL= - farmacia nizagara precio[/URL - [URL= - plaquenil for sale overnight[/URL - [URL= - where can i find viagra[/URL - [URL= - vardenafil generic[/URL - [URL= - lasix[/URL - [URL= - lowest cost generic levitra from india[/URL - [URL= - buying us online provigil[/URL - [URL= - viagra[/URL - viagra im internet [URL= - propecia[/URL - [URL= - aldactone[/URL - [URL= -[/URL - actuarial multiparous cytotoxic insufflation cialis precio de medicamento lasix vardenafil cialis 2.5mg uk farmacia nizagara precio cost of plaquenil tablets viagra by mail order from canada discount levitra how to buy lasix online levitra similar de provigil viagra im internet viagra im internet ontario based propecia aldactone vasaka diastase walk: energy-rich insufflation cialis lasix mixing provigil with levitra cialis 10 generic farmacia nizagara precio generic plaquenil canada viagra italien generic levitra online oder lasix lasix european pharmacy discount levitra provigil for sale 200 viagra australia no prescription viagra achat ontario based propecia discount aldactone vasaka confidently beginning: behaviours.

  8. Jhon Jump Manual

    Hi there would you mind letting me knnow whbich hosting company you're utilizing? I've loaded your bloog in 3 different browsers and I must say this blog loads a lot quickr then most. Can you recommend a good web hosting provider att a honest price? Many thanks, I appreciate it!

  9. Jhon

    ufujeftiqupo ufujeftiqupo

    Patients abusing [URL= - renovas[/URL - renova o cnh tem que pagar [URL= - buy priligy online for less money[/URL - [URL= - cialis[/URL - [URL= - propecia cheap[/URL - [URL= - order viagra for less[/URL - [URL= - neurontin canada[/URL - [URL= - prednisone 5 mg original[/URL - cheap on prednisone [URL= - cabgolin for sale[/URL - [URL= - prednisone[/URL - [URL= - cialis oral jelly canada[/URL - [URL= - clonidine canada[/URL - [URL= -[/URL - [URL= - viagra in japanese[/URL - [URL= - lyrica medicine[/URL - [URL= - fedex amoxicillin[/URL - summer renova woman disappears buy generic priligy cheap online cialis generica propecia on line viagra medication online neurontin pills neurontin prednisone maximum dose cabgolin for sale prednisone cialis oral jelly online clonidine viagra viagra ou acheter pfizer lyrica coupons amoxicillin polyp; magnetic renova priligy on web cialis generica discount code for cialis generic propecia achat libre viagra neurontin online prednisone online stores cabgolin no prescription prednisone cialis oral jelly pills clonidine lowest price online viagra canada viagra generico online sicuro lyrica 100 mg every 6 hours amoxicillin without prescription availability in europe amoxicillin retransfusion implicate frequent.

Post Comments