Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
340
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
320
A Postcard from Vancouver
Avatar for anasbladz anasbladz
0
340
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
420
Up and Running Web App
Avatar for anasbladz anasbladz
0
440
Achievement Motivation Training
Avatar for anasbladz anasbladz
0
250

Other Decks in Technology

See All in Technology
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
Avatar for nwiizo nwiizo
0
2k
作品が生態系になった ─ Mini Tokyo 3D から世界へ
Avatar for 草薙昭彦 nagix
0
180
[2026-09-11]SREは誰のもの？運用エンジニアが始める 「SRE領域への越境」とチームの進化の軌跡 〜Road to NEXT CRE
Avatar for tosite tosite
0
220
Podは生きているのにGoだけが落ちる：GOGCとGOMEMLIMITで追うInvisible OOM Killの謎
Avatar for Watanabe Takeshi(Buzz) tkc66buzz
1
710
山手線を徒歩で一周してわかった、 位置情報アプリは「足」が最強のデバッガー
Avatar for hinakko hinakko
0
150
2026/09/10 Spring Bootから Jakarta EE/MicroProfileへの移行
Avatar for Satoshi Seto megascus
0
360
日経電子版を支えていく Kasane Design System/fec_fukuoka
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
1.4k
銀行勘定系システムにおける開発プロセス刷新×AIによる環境モダナイゼーション / Development Process Transformation and AI-Driven Environment Modernization
Avatar for 三菱UFJインフォメーションテクノロジー株式会社 muit
0
1.7k
事業課題から技術的負債に向き合う
Avatar for SansanTech sansantech
PRO
2
1.4k
データ界隈LT祭 第1回LT登壇
Avatar for タロウ taromatsui_cccmkhd
1
1.3k
幾何アルゴリズムで なめらかなピン操作を / iOSDC Japan 2026 / smoothpin
Avatar for nade kazumanagano
0
340
HRC_Frontend_Conference_Fukuoka_2026.pdf
Avatar for takanori sugawara ts020
0
680

Featured

See All Featured
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
270
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
6k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
500
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
830
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.4k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
570
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.1k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
740
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
3
53k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.1k

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