egghead.io
illustration for Offline-First Progressive Web Apps (PWA) in Vue.js

Course

Offline-First Progressive Web Apps (PWA) in Vue.js

  1. 1
    Intro to Offline-First Progressive Web Apps in Vue.js
    1m 37s
  2. 2
    Add a Web App Manifest to Create a Progressive Web Application
    4m 19s
  3. 3
    Add Meta Tags for Other Browsers on a PWA
    2m 21s
  4. 4
    Cache Static Assets with Service Workers using sw-precache
    2m 33s
  5. 5
    Integrate Service Worker Generation into Webpack's Build with SW-Precache
    3m 42s
  6. 6
    Register a Service Worker in Production
    3m 27s
  7. 7
    Hot Reload Static Files by Clearing Service Worker Cache while Developing
    2m 36s
  8. 8
    Use a no-op Service Worker in Development
    5m 36s
  9. 9
    Show Notifications when a Service Worker is Installed or Updated
    4m 52s
  10. 10
    Cache External Resources during Runtime with sw-precache
    6m 16s
  11. 11
    Cache Data from TCP/IP Connections with IndexedDB
    5m 31s
  12. 12
    Lazy load Images using Intersection Observer API
    6m 18s
  13. 13
    Check Online Status by using the NavigatorOnLine API
    3m 53s
  14. 14
    Lazy Load a Route by using the Dynamic Import in Vue.js
    2m 32s
  15. 15
    Audit your App with Chrome Devtools
    4m 6s
  16. 16
    Optimize Assets Delivery using preload and prefetch
    2m 57s

Audit your App with Chrome Devtools

Alex Jover Morales
InstructorAlex Jover Morales
  • vue
    Vue.js^2.5.2
  • javascript
    JavaScript

Share this video with your friends

Send Tweet

Once you get a PWA working, you want to measure how performant and optimized it is, get feedback and act accordingly. In this lesson I’ll show you how to audit your PWA and compare it to the equivalent SPA.

Build your Developer Portfolio and climb the engineering career ladder.
  • Search
  • Talks
  • Podcasts
  • Machine
  • Pricing
  • Store
©egghead.io
Terms & Conditions