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

Progressive Web App and Discovering on Principle

Avatar for anasbladz anasbladz
April 02, 2017
Technology
0
320

Progressive Web App and Discovering on Principle

Avatar for anasbladz

anasbladz

April 02, 2017
Tweet

More Decks by anasbladz

See All by anasbladz
What I Talk About When I Talk About Envisioning Information
Avatar for anasbladz anasbladz
0
300
A Postcard from Vancouver
Avatar for anasbladz anasbladz
0
320
AMP & PWA Initiatives
Avatar for anasbladz anasbladz
1
320
Not so long road
Avatar for anasbladz anasbladz
0
230
I-Kutan
Avatar for anasbladz anasbladz
1
390
Up and Running Web App
Avatar for anasbladz anasbladz
0
420
Achievement Motivation Training
Avatar for anasbladz anasbladz
0
220

Other Decks in Technology

See All in Technology
Agile PBL at New Grads Trainings
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
400
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
Avatar for Kento Kimura aoto
PRO
0
350
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
Avatar for Michiru Kato applism118
19
9.3k
2025年になってもまだMySQLが好き
Avatar for yoku0825 yoku0825
8
4.6k
Automating Web Accessibility Testing with AI Agents
Avatar for South maminami373
0
1.2k
[ JAWS-UG 東京 CommunityBuilders Night #2 ]SlackとAmazon Q Developerで 運用効率化を模索する
Avatar for sh_fk2 sh_fk2
3
380
新アイテムをどう使っていくか？みんなであーだこーだ言ってみよう / 20250911-rpi-jam-tokyo
Avatar for Akira Ouchi akkiesoft
0
170
Codeful Serverless / 一人運用でもやり抜く力
Avatar for kensh _kensh
7
370
BPaaSにおける人と協働する前提のAIエージェント-AWS登壇資料
Avatar for KentaroFujii kentarofujii
0
130
5年目から始める Vue3 サイト改善 #frontendo
Avatar for Kihara, Takuya tacck
PRO
3
220
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
120
AI開発ツールCreateがAnythingになったよ
Avatar for s sato tendasato
0
120

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
74
5k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.5k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
87
4.8k

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