Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AMP & PWA Initiatives
Search
anasbladz
July 07, 2017
Technology
1
320
AMP & PWA Initiatives
anasbladz
July 07, 2017
Tweet
Share
More Decks by anasbladz
See All by anasbladz
What I Talk About When I Talk About Envisioning Information
anasbladz
0
300
A Postcard from Vancouver
anasbladz
0
320
Not so long road
anasbladz
0
230
Progressive Web App and Discovering on Principle
anasbladz
0
320
I-Kutan
anasbladz
1
390
Up and Running Web App
anasbladz
0
420
Achievement Motivation Training
anasbladz
0
220
Other Decks in Technology
See All in Technology
ガバメントクラウド(AWS)へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
shift_evolve
PRO
2
200
Findy Team+ QAチーム これからのチャレンジ!
findy_eventslides
0
200
HR Force における DWH の併用事例 ~ サービス基盤としての BigQuery / 分析基盤としての Snowflake ~@Cross Data Platforms Meetup #2「BigQueryと愉快な仲間たち」
ryo_suzuki
0
220
衛星画像超解像化によって実現する2D, 3D空間情報の即時生成と“AI as a Service”/ Real-time generation spatial data enabled_by satellite image super-resolution
lehupa
0
170
プロダクトのコードから見るGoによるデザインパターンの実践 #go_night_talk
bengo4com
1
2.5k
Git in Team
kawaguti
PRO
3
370
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
8.8k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
6
3.4k
フレームワークを意識させないワークショップづくり
keigosuda
0
190
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
0
210
『バイトル』CTOが語る! AIネイティブ世代と切り拓くモノづくり組織
dip_tech
PRO
1
130
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
870
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Scaling GitHub
holman
463
140k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Writing Fast Ruby
sferik
629
62k
The Language of Interfaces
destraynor
162
25k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Transcript
AMP and PWA Initiatives in Microservices Bukalapak.com
• Slow Internet • Offline State • Expensive The Problem:
Elephant(s) in the Room
The Big Picture
• AMP as one of primary funnel ◦ Golang •
PWA initiatives ◦ Javascript stack (Node, Webpack, Vuejs) What We Did?
• Product Detail ◦ Search page ◦ Add to cart
◦ Product Detail page • Category Page • Tag Page AMP Pages
• 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
PWA: Service Worker • Sw-precache • sw-toolbox
PWA: Service Worker
Insights - (PWA)
Insights - (Performance)
Offline Mode
Offline Mode
Thank You.