Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
AMP & PWA Initiatives
anasbladz
July 07, 2017
Technology
1
180
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
150
A Postcard from Vancouver
anasbladz
0
180
Not so long road
anasbladz
0
110
Progressive Web App and Discovering on Principle
anasbladz
0
180
I-Kutan
anasbladz
1
240
Up and Running Web App
anasbladz
0
280
Achievement Motivation Training
anasbladz
0
170
Other Decks in Technology
See All in Technology
我々はなぜテストをするのか?
kawaguti
PRO
0
560
[AKIBA.AWS] それ、t2.micro選んで大丈夫?
tsukuboshi
0
330
220521_SFN_品質文化試論と『LEADING QUALITY』/220521_SFN_Essay_of_Quality_Culture_and_LEADING_QUALITY
mkwrd
0
290
Spotify物理コントローラーがほしい
miso
0
170
Whats new in Android Media?
myolwin00
2
120
プロダクション環境の信頼性を損ねず観測する技術
egmc
4
740
LINEスタンプの実例紹介 小さく始める障害検知・対応・振り返りの 改善プラクティス
line_developers
PRO
3
1.8k
Kubernetesの上に作る、統一されたマイクロサービス運用体験
tkuchiki
1
1.2k
キャッチアップ Android 13 / Catch up Android 13
yanzm
2
1.2k
エンタープライズにおけるSRE立ち上げとNew Relic選定に至った背景とは / SRE Startup and New Relic in the Enterprise
tomoyakitaura
2
160
AWS CLI入門_20220513
suzakiyoshito
0
3.9k
プルリク作ったらデプロイされる仕組み on ECS / SRE NEXT 2022
carta_engineering
1
480
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
506
37k
Statistics for Hackers
jakevdp
781
210k
From Idea to $5000 a Month in 5 Months
shpigford
372
44k
Support Driven Design
roundedbygravity
86
8.5k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
Designing with Data
zakiwarfel
91
3.9k
Building a Scalable Design System with Sketch
lauravandoore
447
30k
Building Adaptive Systems
keathley
25
1.1k
Designing Experiences People Love
moore
130
22k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
125
8.5k
How GitHub (no longer) Works
holman
296
140k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
100
5.9k
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.