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
能登半島災害現場エンジニアクロストーク 【JAWS FESTA 2025 in 金沢】
Avatar for Masakatsu Sugii ditccsugii
0
220
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか？
Avatar for Masahiro Yoshizawa muziyoshiz
1
200
【Kaigi on Rails 事後勉強会LT】MeはどうしてGirlsに？ 私とRubyを繋いだRail(s)
Avatar for joy joyfrommasara
0
210
『バイトル』CTOが語る！ AIネイティブ世代と切り拓くモノづくり組織
Avatar for ディップ株式会社 dip_tech
PRO
1
110
いまさら聞けない ABテスト入門
Avatar for 木村彩恵（skmr2348） skmr2348
1
230
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
Avatar for massyuu massyuu
1
490
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ：検査・適応で未来を開発 / AI-driven product owner. scrummat2025
Avatar for yosuke nagai yosuke_nagai
3
800
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
Avatar for おーしろ noayaoshiro
0
240
社内報はAIにやらせよう / Let AI handle the company newsletter
Avatar for Jumpei Sakatsu saka2jp
8
1.3k
職種別ミートアップで社内から盛り上げる アウトプット文化の醸成と関係強化/ #DevRelKaigi
Avatar for Ichiro Nishiuma nishiuma
2
160
Simplifying Cloud Native app testing across environments with Dapr and Microcks
Avatar for Salaboy salaboy
0
120
成長自己責任時代のあるきかた/How to navigate the era of personal responsibility for growth
Avatar for Hiromu Shioya kwappa
4
300

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.3k
Done Done
Avatar for chrislema chrislema
185
16k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
189
55k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.9k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M

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.