You can read more about the features and requirements of PWAs on Google Developers , but the two key technologies that make PWAs possible are:
App Shell Architecture : Usually implemented using a JavaScript framework such as React or Angular, this refers to a method of building single-page applications SPAs that separates logic from actual content. , CSS, and JS required for the application to run; a UI framework that can be cached.
Service Workers : Special scripts that the browser runs in the background, independent of the page. It essentially acts as a proxy, programmatically intercepting and handling network requests from the page.
Note that these technologies are not mutually exclusive; the single-page application model which matured with AngularJS in 2010 obviously predates Service Workers and PWAs by some time. As we’ll see, it’s armenia mobile database entirely possible to create a PWA that isn’t built as a single-page application. However, for the purposes of this article, we’ll focus on the “typical” approach to developing a modern PWA, exploring the SEO implications and opportunities facing teams in organizations that choose to join the rapid growth of using the two technologies mentioned above .
We'll start with the application shell architecture and the rendering implications of the single-page application model.
2. Application Shell Architecture
URL
In short, application shell architecture involves aggressive caching of static assets the bare minimum for user interface and functionality, and then dynamically loading the actual content using JavaScript. Most modern JavaScript SPA frameworks encourage a similar approach, and separating logic and content in this way is good for both speed and usability . Interactions feel instant, just like those on native apps, and data usage can be very economical.