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
300
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
320
I-Kutan
Avatar for anasbladz anasbladz
1
390
Up and Running Web App
Avatar for anasbladz anasbladz
0
420
Achievement Motivation Training
Avatar for anasbladz anasbladz
0
220

Other Decks in Technology

See All in Technology
ガバメントクラウド（AWS）へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
200
Findy Team+ QAチーム これからのチャレンジ！
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
0
200
HR Force における DWH の併用事例 ~ サービス基盤としての BigQuery / 分析基盤としての Snowflake ~@Cross Data Platforms Meetup #2「BigQueryと愉快な仲間たち」
Avatar for Ryo Suzuki ryo_suzuki
0
220
衛星画像超解像化によって実現する2D, 3D空間情報の即時生成と“AI as a Service”/ Real-time generation spatial data enabled_by satellite image super-resolution
Avatar for Yuji Kobayashi lehupa
0
170
プロダクトのコードから見るGoによるデザインパターンの実践 #go_night_talk
Avatar for 弁護士ドットコム bengo4com
1
2.5k
Git in Team
Avatar for Yasunobu Kawaguchi kawaguti
PRO
3
370
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
8.8k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
3
20k
AIツールでどこまでデザインを忠実に実装できるのか
Avatar for Oikon oikon48
6
3.4k
フレームワークを意識させないワークショップづくり
Avatar for Keigo Suda keigosuda
0
190
Codexとも仲良く。CodeRabbit CLIの紹介
Avatar for Atsushi Nakatsugawa moongift
PRO
0
210
『バイトル』CTOが語る！ AIネイティブ世代と切り拓くモノづくり組織
Avatar for ディップ株式会社 dip_tech
PRO
1
130

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
870
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
369
20k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
Writing Fast Ruby
Avatar for Erik Berlin sferik
629
62k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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.