Anatomy of a Progressive Web App

pwa, ui, ux

The growth of mobile web traffic has been outpacing desktop web traffic for years, and data reveals that users are likely to abandon experiences that too long to load.

Progressive web apps aim to be reliable, fast and engaging, regardless of form factor or quality of internet connection. We'll walk through several key aspects of PWAs, illustrating performance and usability improvements by showing quantitative comparisons to an equivalent "classic SPA".

Finally, we'll begin with a "classic SPA" system, and incrementally apply improvements to it using progressive web app technologies, eventually arriving at an instantly-loading eventually-consistent offline and mobile-friendly app, built purely using web technologies.