PWWA Progressive WordPress Web App What is a PWA? PWA ARE: Reliable ● Load instantly ● No downasaur even when offline Fast ● Respond quickly to user interactions ● Smooth animations ● No janky transitions Try them on https://pwa.rocks/ Engaging: ● Home screen launch ● Full screen experience ● Access to native features like push notifications, payments API(full list on https://whatwebcando.today/) PWA are reliable 53% of users will abandon your website if it takes longer than 3 seconds to load (Google DoubleClick Blog) One of the most popular WP theme metrics Minify and concatenate your assets Deregister everything! Inline critical CSS and load the rest later Inline critical CSS (lazy way) Use system font stack Offline first Service Worker ● Javascript file executed on a separate thread ● Acts like a proxy between your client(browser) and network ● Can intercept fetch events ● Have access to IndexedDB and Cache API Service Worker Registration Service Worker Installation Fetch event interception Cache API Access Retrieving from cache Google Workbox https://developers.google.com/web/tools/workbox/ Offline homepage