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
190

Progressive Web App and Discovering on Principle

F902113dfd377608ab9a48a59883c3f4?s=128

anasbladz

April 02, 2017
Tweet

More Decks by anasbladz

See All by anasbladz
What I Talk About When I Talk About Envisioning Information
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
170
A Postcard from Vancouver
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
200
AMP & PWA Initiatives
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
1
200
Not so long road
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
120
I-Kutan
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
1
250
Up and Running Web App
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
300
Achievement Motivation Training
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
170

Other Decks in Technology

See All in Technology
Continuous Architecture Design for Modernization
9b63847a4c413a2604e1d64e5d595dab?s=48 humank
3
510
ログ集約基盤をCloudWatchからOpenSearchに変えてみた
098ad475722e3697ec2fba28c8654f9f?s=48 yuhta28
0
140
テスト自動化を最速で軌道に乗せるために
6f8c7b050e551df51ac90c013eee164f?s=48 nozomiito
0
140
セキュキャンを卒業してその後
1f745ff900e1be51aedae18cae76593c?s=48 kurochan
0
590
Azure DevOps Online Vol.6 - 業務で必要なCIをみんなで考えよう
10be5c6d7c18735c1169520e55e15214?s=48 kkamegawa
0
280
MySQL v5.7 勉強会/study-mysql-ver-5-7
8847086af047cbf895ab3277b59529fe?s=48 andpad
0
2.1k
大声で伝えたい！定時に帰る方法
61c616e83bef28a1cd2666439ebf334b?s=48 sbtechnight
0
240
Oracle Cloud Infrastructure：2022年7月度サービス・アップデート
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
PRO
0
200
Getting Started in Product Management
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
130
森林情報のオープンデータと QGISでの利用
2a35cc4d9c9dd2672aba2f097980e5d1?s=48 kou_kita
0
330
ECS Exec を使った ECS の トラブルシューティング
6378d4cb0e5e7cfabe13d144827a6a28?s=48 dohara
0
150
Istioを活用したセキュアなマイクロサービスの実現/Secure Microservices with Istio
00851927294532e0742c2c174730dff0?s=48 ido_kara_deru
3
430

Featured

See All Featured
It's Worth the Effort
Ba530e786553390f3fb271848485681c?s=48 3n
172
26k
Robots, Beer and Maslow
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
7.1k
Gamification - CAS2011
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.9k
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
44
9.7k
What the flash - Photography Introduction
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
62
10k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
13k
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k
Agile that works and the tools we love
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
319
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
15
3.8k
Infographics Made Easy
282d599b414022eba5096510f675b6e2?s=48 chrislema
233
17k
Facilitating Awesome Meetings
245cee81a9c424266e5e401d844ea881?s=48 lara
29
4.1k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k

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