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

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
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
Datadog の学び方 - あるいは、オブザーバビリティを学ぶとは何か
Avatar for iwa mananyuki
1
550
契約書画像からの情報抽出に特化した視覚接地モデルを育てる話
Avatar for SansanTech sansantech
PRO
1
170
AIに攻撃される前に、AIに攻撃させる
Avatar for Kazuyoshi Tsuchiya tsuchikazu
0
170
AIがコードを書く時代に、エンジニアは何で自分の価値を証明するのか / In an era where AI writes code how do engineers prove their value
Avatar for CARTA Engineering carta_engineering
3
860
自作バイナリを動かす「入口」8選
Avatar for Takumi Sueda puhitaku
2
1.3k
メルペイ 会計システム概要と歴史
Avatar for mewuto mewuto
1
210
事業活動を AI Ready にする攻めと守りのデータエンジニアリング / data-engineering-for-ai-ready-business
Avatar for pei0804 pei0804
7
2.6k
[AWS 秋のクラウドオペレーション祭り 2026]AWS DevOps Agentで変わる リリースと運用対応 ~リリース管理機能と Directed actions のご紹介~
Avatar for Toshihiro Furuno furuton
4
1.2k
QA4AI 2026-Oct 生成AI時代の品質保証
Avatar for Takahiro Toku tokuty
0
450
ビジネスを止めない技術的負債の返済のための戦略とその手法 - 技術的負債と向き合う / Complexity and Simplicity
Avatar for soudai sone soudai
PRO
3
700
初対面のメンバーがチームを組み、Claude Codeでゼロからサービスをリリース
Avatar for k.masachika mkdev10
1
120
「Docker Desktop不要の時代」は 来たのか？
Avatar for ueponx ueponx
0
560

Featured

See All Featured
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
490
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.1k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.4k
How to make the Groovebox
Avatar for あそなす asonas
2
2.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
203
77k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
500
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
730
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.6k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
270

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