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

AMP & PWA Initiatives

anasbladz
July 07, 2017
Technology
1
250

AMP & PWA Initiatives

anasbladz

July 07, 2017
Tweet

More Decks by anasbladz

See All by anasbladz
What I Talk About When I Talk About Envisioning Information
anasbladz
0
210
A Postcard from Vancouver
anasbladz
0
240
Not so long road
anasbladz
0
160
Progressive Web App and Discovering on Principle
anasbladz
0
240
I-Kutan
anasbladz
1
300
Up and Running Web App
anasbladz
0
350
Achievement Motivation Training
anasbladz
0
180

Other Decks in Technology

See All in Technology
ChatGPTをプロダクトに入れる開発が"毎日がAfter GPT"だった件/ChatGPT LT Link and Motivation
lmi
1
2.8k
技育祭2023春 ちゅらデータ講演資料
foursue
1
650
量子コンピュータ時代のプログラミングセミナー / 20230316_Amplify_seminar _route_planning_optimization
fixstars
0
190
GitHub Actionsと"仲良くなる"ための練習方法
tsubakimoto_s
10
2.7k
権威DNSサービスへのDDoSと
ハイパフォーマンスなベンチマーカ / DNS Pseudo random subdomain attack and High performance Benchmarker
kazeburo
3
910
AstroNvim を使おう！
ybrliiu
0
140
スタートアップだからこそ考えるフロントエンドのテスト戦略
yoshinagaiwnl
4
560
世界モデルによる4脚ロボットの歩行学習
robots
1
200
ジョブキューシステムFireworqのアーキテクチャ設計と運用時のベストプラクティス
tarao
1
810
未来の開発者へ負債を残さないために取り組んだこと
hayatokudou
0
190
ChatGPTにR言語を教えてもらう(仮)
doradora09
1
190
エンジニアのためのドキュメントライティング / Docs for Developers and Paragraph Writing
nttcom
3
510

Featured

See All Featured
Robots, Beer and Maslow
schacon
154
7.4k
Art, The Web, and Tiny UX
lynnandtonic
284
18k
The Art of Programming - Codeland 2020
erikaheidi
36
11k
BBQ
matthewcrist
75
8.2k
Three Pipe Problems
jasonvnalue
89
9k
KATA
mclloyd
12
10k
Fantastic passwords and where to find them - at NoRuKo
philnash
32
1.9k
The Web Native Designer (August 2011)
paulrobertlloyd
77
2.3k
Building a Scalable Design System with Sketch
lauravandoore
451
31k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
38
3.7k
A Modern Web Designer's Workflow
chriscoyier
689
180k
The Language of Interfaces
destraynor
149
21k

Transcript

  1. AMP and PWA Initiatives
    in Microservices
    Bukalapak.com

    View Slide

  2. ● Slow Internet
    ● Offline State
    ● Expensive
    The Problem: Elephant(s) in the Room

    View Slide

  3. The Big Picture

    View Slide

  4. ● AMP as one of primary funnel
    ○ Golang
    ● PWA initiatives
    ○ Javascript stack (Node, Webpack, Vuejs)
    What We Did?

    View Slide

  5. ● Product Detail
    ○ Search page
    ○ Add to cart
    ○ Product Detail page
    ● Category Page
    ● Tag Page
    AMP Pages

    View Slide

  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

    View Slide

  7. PWA: Service Worker
    ● Sw-precache
    ● sw-toolbox

    View Slide

  8. PWA: Service Worker

    View Slide

  9. Insights - (PWA)

    View Slide

  10. Insights - (Performance)

    View Slide

  11. Offline Mode

    View Slide

  12. Offline Mode

    View Slide

  13. Thank You.

    View Slide