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

Progressive Web App and Discovering on Principle

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for anasbladz anasbladz
April 02, 2017
Technology
330
0

Progressive Web App and Discovering on Principle

Avatar for anasbladz

anasbladz

April 02, 2017

More Decks by anasbladz

See All by anasbladz
What I Talk About When I Talk About Envisioning Information
Avatar for anasbladz anasbladz
0
310
A Postcard from Vancouver
Avatar for anasbladz anasbladz
0
330
AMP & PWA Initiatives
Avatar for anasbladz anasbladz
1
340
Not so long road
Avatar for anasbladz anasbladz
0
240
I-Kutan
Avatar for anasbladz anasbladz
1
410
Up and Running Web App
Avatar for anasbladz anasbladz
0
440
Achievement Motivation Training
Avatar for anasbladz anasbladz
0
240

Other Decks in Technology

See All in Technology
シン・リスコフの置換原則 〜現代風に考えるSOLIDの原則〜
Avatar for Watanabe Jin jinwatanabe
0
200
#jawsugyokohama 100 LT11, "My AWS Journey 2011-2026 - kwntravel"
Avatar for Shinichiro Kawano shinichirokawano
0
230
申請待ちゼロへ！AWS × Entra IDで実現した「権限付与」のセルフサービス化
Avatar for みずほリサーチ&テクノロジーズ株式会社 先端技術研究部 mhrtech
2
300
Azure Speech で音声対応してみよう
Avatar for kosmosebi kosmosebi
0
100
昔はシンプルだった_AmazonS3
Avatar for kawaji kawaji_scratch
0
230
非エンジニア職からZOZOへ 〜登壇がキャリアに与えた影響〜
Avatar for ikechi penpeen
0
430
ストライクウィッチーズ2期6話のエイラの行動が許せないのでPjMの観点から何をすべきだったのかを考える
Avatar for nakamichi ichimichi
1
370
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
4
23k
Discordでリモートポケカしてたら、なぜかDOを25分間動かせるようになった話
Avatar for Kaito Udagawa umireon
0
130
暗黙知について一歩踏み込んで考える - 暗黙知の４タイプと暗黙考・暗黙動へ
Avatar for Masaya Mori (森正弥) / CAIO (Chief AI Officer) masayamoriofficial
0
1.5k
20260410 - CNTUG meetup #72 - DiskImage Builder 介紹：以 Kubespray CI 打造 RockyLinux 10 Cloud Image 為例
Avatar for ChengHao Yang tico88612
0
120
DevOpsDays Tokyo 2026 軽量な仕様書と新たなDORA AI ケイパビリティで実現する、動くソフトウェアを中心とした開発ライフサイクル / DevOpsDays Tokyo 2026
Avatar for Niishi Kubo n11sh1
0
120

Featured

See All Featured
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
340
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
170
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.4k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
310
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
140
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.8k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k

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