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

AMP & PWA Initiatives

F902113dfd377608ab9a48a59883c3f4?s=47 anasbladz
July 07, 2017
Technology
1
180

AMP & PWA Initiatives

F902113dfd377608ab9a48a59883c3f4?s=128

anasbladz

July 07, 2017
Tweet

More Decks by anasbladz

See All by anasbladz
What I Talk About When I Talk About Envisioning Information
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
150
A Postcard from Vancouver
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
180
Not so long road
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
110
Progressive Web App and Discovering on Principle
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
180
I-Kutan
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
1
240
Up and Running Web App
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
280
Achievement Motivation Training
F902113dfd377608ab9a48a59883c3f4?s=48 anasbladz
0
170

Other Decks in Technology

See All in Technology
我々はなぜテストをするのか？
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
PRO
0
560
[AKIBA.AWS] それ、t2.micro選んで大丈夫？
263066383f82fb9a830ff2a748f73af4?s=48 tsukuboshi
0
330
220521_SFN_品質文化試論と『LEADING QUALITY』/220521_SFN_Essay_of_Quality_Culture_and_LEADING_QUALITY
C8cde92274f0ca1ff9b046673d4f2d29?s=48 mkwrd
0
290
Spotify物理コントローラーがほしい
1dceaa2dcea41c16004f430c1723b20e?s=48 miso
0
170
Whats new in Android Media?
35e891f6b7c223caa0e69b665f23b115?s=48 myolwin00
2
120
プロダクション環境の信頼性を損ねず観測する技術
3baceb46dfe36422370df30b8eab61d1?s=48 egmc
4
740
LINEスタンプの実例紹介 小さく始める障害検知・対応・振り返りの 改善プラクティス
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
3
1.8k
Kubernetesの上に作る、統一されたマイクロサービス運用体験
5292dd0924f5e440a4b7ff40b165a0b4?s=48 tkuchiki
1
1.2k
キャッチアップ Android 13 / Catch up Android 13
D2bcabeeb1ddff142fb8988b412cb4d3?s=48 yanzm
2
1.2k
エンタープライズにおけるSRE立ち上げとNew Relic選定に至った背景とは / SRE Startup and New Relic in the Enterprise
Aa0d25b0254ef311ed8177b5275577f4?s=48 tomoyakitaura
2
160
AWS CLI入門_20220513
1642254df0e7560327cda4ddc071397e?s=48 suzakiyoshito
0
3.9k
プルリク作ったらデプロイされる仕組み on ECS / SRE NEXT 2022
2537ce662eb08182e617ec7944981437?s=48 carta_engineering
1
480

Featured

See All Featured
Code Reviewing Like a Champion
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
506
37k
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
44k
Support Driven Design
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
86
8.5k
5 minutes of I Can Smell Your CMS
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
18k
Designing with Data
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.9k
Building a Scalable Design System with Sketch
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
447
30k
Building Adaptive Systems
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
1.1k
Designing Experiences People Love
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
130
22k
Streamline your AJAX requests with AmplifyJS and jQuery
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
125
8.5k
How GitHub (no longer) Works
78b475797a14c84799063c7cd073962f?s=48 holman
296
140k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k

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.