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

Progressive Web App and Discovering on Principle

F902113dfd377608ab9a48a59883c3f4?s=47 anasbladz
April 02, 2017
Technology
0
110

Progressive Web App and Discovering on Principle

F902113dfd377608ab9a48a59883c3f4?s=128

anasbladz

April 02, 2017
Tweet

More Decks by anasbladz

See All by anasbladz
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
78
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
110
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
1
120
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
49
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
1
170
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
210
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
160

Other Decks in Technology

See All in Technology
Ee4f2266abb0268305431dbbcade59d2?s=48 akifumifukaya
4
1.3k
E55fbffb4afd0a84d36c945ed68d8c19?s=48 caddi_eng
0
110
B4edef9fde5f33ef95409f564d21e542?s=48 trickart
3
350
C58d9fc209cfdc0b822f851911110fa6?s=48 coe
4
440
953d2907b80dd5955c561d695ea9a494?s=48 kazumanagano
0
120
1dceaa2dcea41c16004f430c1723b20e?s=48 miso
0
190
Be2a68a5ffde6683d2a5bd213ce8b814?s=48 aviciida
1
360
F73cb07af91c5fe5e1e5abf0f05019bf?s=48 takanorig
0
250
98234c645fe8c935edc0fec0186d28b8?s=48 garethr
1
100
E0db06b2e246ef948efc84bfc3909117?s=48 stkzk3110
0
450
A9d9b58f1a91dd34ab0cc93a972ce9ff?s=48 yujimiyashita
0
510
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
2.8k

Featured

See All Featured
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.1k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
222
120k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1352
200k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
224
15k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
10k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
17
2.1k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
148
20k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
273
32k
24fc194843a71f10949be18d5a692682?s=48 gr2m
86
11k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
496
110k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
6
740
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
37
1.7k

Transcript

  1. Progressive Web App and Discovering on Principle Muhammad Nasrurrohman Front

    End Engineer, bukalapak.com

  2. Introduction..

  3. Today’s Talk • How we use an app • Progressive

    Web App on mobile devices • Inventing on principle

  4. How we use App these days..

  5. Is this good enough?

  6. The elephant in the room… • Slow Internet • Offline

    state • Expensive
  7. None

  8. Indonesian Market & Network sessions: 1.2m daily visitors: 850k mobile

    web

  9. Bukalapak Web Traffic 80% mobile web traffic

  10. The Big Picture

  11. Google Initiatives • Google AMP (later) • Progressive Web App

  12. And it was spot on..

  13. None

  14. Why Progressive Web Apps? • Built to work on wifi/3G

    + • Avg CDN transfer rate 250 kb/s • Homepage size • fast faced business changes • Upgrade cost • Degradation under network failures

  15. Incremental vs. from scratch?

  16. What Makes PWA Possible?

  17. None
  18. None

  19. What is App Shell?

  20. Let’s talk about Storage

  21. None
  22. None
  23. None
  24. None
  25. None

  26. Service Worker

  27. None
  28. None
  29. None
  30. None

  31. Web App Manifest

  32. None
  33. None

  34. Today’s Talk • How we use an app • Progressive

    Web App on mobile devices • Inventing on principle

  35. Have you figured out the head fake?

  36. None
  37. None

  38. Your Principle

  39. “Knowing what you dont know is more powerful than being

    briliant” - Charlie Munger

  40. Thank You