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

AMP & PWA Initiatives

Avatar for anasbladz anasbladz
July 07, 2017
Technology
1
320

AMP & PWA Initiatives

Avatar for anasbladz

anasbladz

July 07, 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
290
A Postcard from Vancouver
Avatar for anasbladz anasbladz
0
320
Not so long road
Avatar for anasbladz anasbladz
0
230
Progressive Web App and Discovering on Principle
Avatar for anasbladz anasbladz
0
310
I-Kutan
Avatar for anasbladz anasbladz
1
380
Up and Running Web App
Avatar for anasbladz anasbladz
0
410
Achievement Motivation Training
Avatar for anasbladz anasbladz
0
220

Other Decks in Technology

See All in Technology
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
7.7k
関数型プログラミングで 「脳がバグる」を乗り越える
Avatar for manabeai manabeai
1
190
MobileActOsaka_250704.pdf
Avatar for AKAI Tadaaki akaitadaaki
0
130
Tokyo_reInforce_2025_recap_iam_access_analyzer
Avatar for h-ashisan hiashisan
0
190
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
50
19k
赤煉瓦倉庫勉強会｢Databricksを選んだ理由と、絶賛真っ只中のデータ基盤移行体験記｣
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
2
360
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
2
16k
Enhancing SaaS Product Reliability and Release Velocity through Optimized Testing Approach
Avatar for ropQa ropqa
1
230
改めてAWS WAFを振り返る～業務で使うためのポイント～
Avatar for モブエンジニア masakiokuda
2
260
Geminiとv0による高速プロトタイピング
Avatar for Shinya Masadome（東京AI祭） shinya337
1
270
Claude Code に プロジェクト管理やらせたみた
Avatar for 佐藤圭吾 unson
6
4.1k
AIの全社活用を推進するための安全なレールを敷いた話
Avatar for ShoheiMitani shoheimitani
2
520

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
430
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Side Projects
Avatar for Sacha Greif sachag
455
42k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.5k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k

Transcript

  1. AMP and PWA Initiatives in Microservices Bukalapak.com

  2. • Slow Internet • Offline State • Expensive The Problem:

    Elephant(s) in the Room

  3. The Big Picture

  4. • AMP as one of primary funnel ◦ Golang •

    PWA initiatives ◦ Javascript stack (Node, Webpack, Vuejs) What We Did?

  5. • Product Detail ◦ Search page ◦ Add to cart

    ◦ Product Detail page • Category Page • Tag Page AMP Pages

  6. • Amp-analytics (all amp pages) • Amp-sidebar (all amp pages)

    • Amp-carousel (all amp pages) • Amp-install-serviceworker (all amp pages) • Amp-lightbox (product detail) • Amp-accordion (product detail) • Amp-bind (product detail) • Amp-selector (product detail) AMP Pages: Components

  7. PWA: Service Worker • Sw-precache • sw-toolbox

  8. PWA: Service Worker

  9. Insights - (PWA)

  10. Insights - (Performance)

  11. Offline Mode

  12. Offline Mode

  13. Thank You.