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

AMP & PWA Initiatives

Avatar for anasbladz anasbladz
July 07, 2017
Technology
1
330

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
330
I-Kutan
Avatar for anasbladz anasbladz
1
400
Up and Running Web App
Avatar for anasbladz anasbladz
0
430
Achievement Motivation Training
Avatar for anasbladz anasbladz
0
230

Other Decks in Technology

See All in Technology
AgentCoreとStrandsで社内d払いナレッジボットを作った話
Avatar for 元島優 motojimayu
1
1k
AI駆動開発ライフサイクル（AI-DLC）の始め方
Avatar for ryansbcho79 ryansbcho79
0
200
Next.js 16の新機能 Cache Components について
Avatar for sutetotanuki sutetotanuki
0
190
"人"が頑張るAI駆動開発
Avatar for yoko yokomachi
1
630
ハッカソンから社内プロダクトへ AIエージェント「ko☆shi」開発で学んだ4つの重要要素
Avatar for そのだ sonoda_mj
6
1.7k
SQLだけでマイグレーションしたい！
Avatar for MakKi makki_d
0
1.2k
2025-12-27 Claude CodeでPRレビュー対応を効率化する@機械学習社会実装勉強会第54回
Avatar for Naka Masato nakamasato
4
1.1k
Amazon Quick Suite で始める手軽な AI エージェント
Avatar for shimy shimy
2
1.9k
Snowflake Industry Days 2025 Nowcast
Avatar for tak takumimukaiyama
0
130
Strands Agents × インタリーブ思考 で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents
Avatar for Takanori Suzuki takanorig
5
2.2k
Introduce marp-ai-slide-generator
Avatar for Itaru Tomita itarutomy
0
140
AgentCore BrowserとClaude Codeスキルを活用した 『初手AI』を実現する業務自動化AIエージェント基盤
Avatar for Hirokatsu Endo ruzia
7
1.7k

Featured

See All Featured
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
0
190
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
0
970
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
355
21k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
40
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
410
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
270
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
97

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.