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
150

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
120
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
160
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
1
150
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
83
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
1
210
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
250
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
160

Other Decks in Technology

See All in Technology
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
PRO
0
320
Ba839fb9b340517b63cb518c8b9c26bd?s=48 simosako
4
3.6k
0c2e1fea502b8934820eacdfca778d8c?s=48 tommy351
1
160
532348a1aba5a909e283624c3d2a9a95?s=48 shift_evolve
0
1.6k
32fe1b1b174c69d06b455799ed1fb285?s=48 goyoki
3
210
D2d151b1f646128e4875038282acd953?s=48 humanresociarpa
0
1.8k
4c5769c58c5b504cd196dbc51d1d3858?s=48 dmiyamoto
0
180
E55fbffb4afd0a84d36c945ed68d8c19?s=48 caddi_eng
0
110
8d0803aa4572615f7bce5f5288e6b716?s=48 mochan_tk
0
200
932329c79bc511fdfed22abbd5ec92d2?s=48 rnakamuramartiny
0
3.1k
C8e367921ddd6417ed93849fd067a982?s=48 habakan
1
810
2ec6ef5833820c7e6bb85e69db368537?s=48 shuntaito
0
100

Featured

See All Featured
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
100
15k
282d599b414022eba5096510f675b6e2?s=48 chrislema
232
16k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
88
5.4k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
10
800
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
56
2.1k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
125
5.2k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1352
200k
245cee81a9c424266e5e401d844ea881?s=48 lara
596
62k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
64
10k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
314
18k
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k

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