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

Progressive Web App and Discovering on Principle

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
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
240

Other Decks in Technology

See All in Technology
LLM時代のリファクタリング戦略_AIエージェントによる段階的・安全なTS移行方法
Avatar for PLAY, inc. play_inc
0
170
Amazon CloudFrontにおけるAIボットアクセス制御のポイント
Avatar for t.kizawa kizawa2020
4
240
ANDPAD Ruby sponsor session in RubyKaigi 2026
Avatar for ANDPAD inc andpad
0
140
Fラン学生が考える、AI時代のデザインに執着した突破口
Avatar for husensan husengs7
1
240
実践 TanStack Start ― 新規プロダクトを開発して確立した、サーバーとクライアント境界の設計パターン / Practical TanStack Start Server-Client Boundary Patterns
Avatar for 株式会社カミナシ kaminashi
2
270
大規模環境でどのように監視を実現する？
Avatar for Yuto Obayashi yuobayashi
1
130
Oracle AI Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
2.6k
エムスリーテクノロジーズ株式会社 エンジニア向け紹介資料 / M3 Technologies Company Deck
Avatar for M3 Engineering m3_engineering
0
230
[みん強]AIの価値を最大化するデータ基盤戦略：Self-Service型Data Meshへの転換とAgentic AI Meshに向けた取り組み with Snowflake他
Avatar for Matsubara y_matsubara
1
180
AI とサービス・デザイン / AI and Service Design
Avatar for Kenji Saito ks91
PRO
0
120
既存プロダクトQAから新規プロダクトQAへ
Avatar for hashi ryotakahashi
0
190
Oracle AI Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.4k

Featured

See All Featured
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
180
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.7k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
250
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
200
How to make the Groovebox
Avatar for あそなす asonas
2
2.2k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
320
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4k

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