Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Offline Apps for The Next Billion Users

Offline Apps for The Next Billion Users

Building offline apps using the Progressive Web Apps Concepts. Presented at GDG Lagos Developer Conference.

Christian Nwamba

July 28, 2017
Tweet

More Decks by Christian Nwamba

Other Decks in Technology

Transcript

  1. 6 JS PREACHER CHRISTIAN NWAMBA INSTRUCTOR / WRITER SCOTCH.IO DEV

    ADVOCATE / MARKETING CLOUDINARY ORGANIZER ANGULAR NIGERIA ORGANIZER FORLOOP LAGOS @codebeast
  2. 12 Your Very TRUE Story • Left your home of

    fast Wifi/3G connectivity • Jumped on BRT heading to this GDG event • Tries to watch KraksTV memes while on transit…. oh snap, BAD NETWORK on the road • Puts Phone back to bag hoping to get here in the next 15 mins
  3. 13 15 What? In this Our Lagos? • Of course,

    you must get stuck in a traffic (it’s Lagos). • You try to keep yourself busy with KraksTV again • ...And of course you can’t still afford a reasonably fast 3G to do so • Then you start to remember how much you hate your life and how you are never moving forward in life
  4. 15 We could have just PREFETCHED KraksTV videos when you

    had a stable internet ...and served you content when you’re OFFLINE or have POOR connection
  5. 23 A proxy sitting between the client and server (in

    the browser), running in the background, and could cache items in the browser for future use.
  6. 28 Flipkart Source: Auth0 • 3x less data usage •

    40% higher re-engagement rate • 70% conversion rate
  7. 29 Housing.com Source: Auth0 • 40% lower bounce rate •

    30% faster page load • 10% longer average session
  8. 30 AliExpress Source: Auth0 • 104% increase in conversion rate

    for new users • 74% increase in time spent per session • 2X more pages visited
  9. 32 - Image optimization (use Cloudinary) - Progressive image delivery

    (use Cloudinary) - Use bundle splitting a lot - Deferred fetching with lazy loading - Prefetching - Take advantage of cache and web storage - Pretty much every other thing to make your web app fast and deliver better user experience