AMP and PWA Initiativesin MicroservicesBukalapak.com
View Slide
● Slow Internet● Offline State● ExpensiveThe 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 PageAMP 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
Thank You.