Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Shooing away the offline dinosaur from your legacy site

98 views

Published on

How to provide an offline experience for a legacy site, such as a Wordpress site with lots of hard-coded templates.

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

Shooing away the offline dinosaur from your legacy site

  1. 1. Shooing away the offline dinosaur from your legacy site Aapo Kiiso
  2. 2. Lamia is a digital engineering partner that specializes in ecommerce +4 MEUR Lamia’s Turnover 2012 Lamia was established 40 Digital Commerce Experts +100% 2017 Growth
  3. 3. When you just have to make offline happen for a pre-PWA era website
  4. 4. 3 main ingredients for this hands-off offline strategy 1. Puppeteer 2. Service Worker 3. API for managing cache
  5. 5. Setting up caching Demo
  6. 6. Puppeteer is the new king of web scraping
  7. 7. Logging responses on a page with Puppeteer
  8. 8. Saving a response’s body to disk
  9. 9. Scraping with Puppeteer Demo
  10. 10. Offline pre-cache is network-first Ryan Chenkie / auth0.com
  11. 11. Offline pre-caching is not a page load issue First visit (Desktop) Subsequent visit (Desktop)
  12. 12. Unpacking the archive in the Service Worker Shout-out to
  13. 13. Persisting archived responses on the client
  14. 14. Setting up Service Worker Demo
  15. 15. Thank you!

×