SlideShare a Scribd company logo
1 of 20
Google Mobile Web Hackathon
AMP x PWA to Fight againts High Bounce Rate and Low Conversion Rate
Cindy, Febi, Ifnu, Irfan. July, 7th 2017
Who We Are ?
• Cindy R Kalensang, Product Manager
• Hidayat Febiansyah, Principal Engineer
• Ifnu Bima, Development Manager
• Irfan Maulana, Sr. System Development
Engineer
The Problem
High Bounce Rate
• Mobile App bounce rate is 85% lower than
Mobile Web
• Desktop bounce rate is 20% lower than
Mobile Web
Low Conversion Rate
• Mobile App conversion rate is 8.7x Mobile
Web
• Desktop conversion rate is 5.7x Mobile Web
Mobile App uninstall rate
• One of the main reason that drives customer to
uninstall App is due to customer phone
storage limitation
“Mobile Web generates the highest traffic yet it has the highest bounce rate and lowest
bounce rate”
The Problem
Page load time is the website first impression for the user
With the implementation of AMP and PWA altogether
We are aiming to provide seamless browsing experience which will lead to engaged users
and results in higher conversion rate and more loyal customers
The Problem
Page load time is the website first impression for the user
With the implementation of AMP and PWA altogether
We are aiming to provide seamless browsing experience which will lead to engaged users
and results in higher conversion rate and more loyal customers
AMP Solution
• AMP for fast load in first time
• AMP give better search result in mobile
• AMP for reduce bounce rate
AMP Implementation
• Product List Page
– Search Page
– Category Page
– Merchant Page
– Brand Page
• Product Detail Page
AMP Tag
• Current :
amp-analytics
amp-img
amp-carousel
amp-selector
amp-social-share
amp-sidebar
• Next :
amp-state
amp-bind
amp-install-
serviceworker
amp-iframe
amp-list
AMP Implementation and Demo
• Will be live in next 2 weeks
• Done by 3 person, 1 employee (Dita) and 2
interns (Nikolas and Geraldo)
• Planning, development and testing ~ 2 months
• AMP initative was finalized after attending
google mobile conference here on february
Category Page (Before x After AMP)
NON-AMP AMP
Search Result Page (Before x After AMP)
NON-AMP AMP
Brand Page (Before x After AMP)
NON-AMP AMP
Brand Page (Before x After AMP)
NON-AMP AMP
Merchant Page (Before x After AMP)
NON-AMP AMP
Product Detail (Before x After AMP)
NON-AMP AMP
PWA Solution
• PWA for better engagement
• PWA for alternative apps with no install need
• PWA give shortcut in homescreen
• PWA for caching static resources
• PWA for fast load in repeat view
Blibli.com Travel (Before x After PWA)
NON-PWA PWA
Lighthouse Result (Before PWA)
Lighthouse Result (After PWA)
THANK YOU

More Related Content

What's hot

Monetizing Mobile Apps
Monetizing Mobile AppsMonetizing Mobile Apps
Monetizing Mobile AppsDave Stevenson
 
[Startup Nations Summit 2014] Competition - China - Beijing
[Startup Nations Summit 2014] Competition - China - Beijing[Startup Nations Summit 2014] Competition - China - Beijing
[Startup Nations Summit 2014] Competition - China - BeijingStartupNations
 
Monetizing with Mobile Apps
Monetizing with Mobile AppsMonetizing with Mobile Apps
Monetizing with Mobile AppsSeshu Karthick
 
Mobile App Development Singapore
Mobile App Development SingaporeMobile App Development Singapore
Mobile App Development SingaporeMYOB!Assist
 
Gymometer Presentation 1
Gymometer Presentation 1Gymometer Presentation 1
Gymometer Presentation 1MohamedDarwiche
 
Apspstore Search Optimization (ASO) – Where to Start?
Apspstore Search Optimization (ASO) – Where to Start?Apspstore Search Optimization (ASO) – Where to Start?
Apspstore Search Optimization (ASO) – Where to Start?Nguyen Minh Quang
 
Agora - A Marketing Plan
Agora - A Marketing PlanAgora - A Marketing Plan
Agora - A Marketing PlanJahnavi Shah
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web AppVinci Rufus
 
Paid Apps Economy / Nir Pochter
Paid Apps Economy / Nir PochterPaid Apps Economy / Nir Pochter
Paid Apps Economy / Nir Pochtergeektimecoil
 
Use App Store Optimisation to increase your mobile profits
Use App Store Optimisation to increase your mobile profitsUse App Store Optimisation to increase your mobile profits
Use App Store Optimisation to increase your mobile profitsLeadmill
 
JSFoo 2016 React Native Workshop
JSFoo 2016 React Native WorkshopJSFoo 2016 React Native Workshop
JSFoo 2016 React Native WorkshopChandra Mohan
 
Startup & Mobilise 21.09.2016
Startup & Mobilise 21.09.2016Startup & Mobilise 21.09.2016
Startup & Mobilise 21.09.2016Sonin
 
11 Creative Tips for Effective CPE Campaigns - ironSource | Casual Connect Te...
11 Creative Tips for Effective CPE Campaigns - ironSource | Casual Connect Te...11 Creative Tips for Effective CPE Campaigns - ironSource | Casual Connect Te...
11 Creative Tips for Effective CPE Campaigns - ironSource | Casual Connect Te...ironSource
 
7 Ways to Lose Money Monetizing Apps with Ads
7 Ways to Lose Money Monetizing Apps with Ads7 Ways to Lose Money Monetizing Apps with Ads
7 Ways to Lose Money Monetizing Apps with AdsAppnext
 
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
"Mobile Apps, beyond downloads, what’s next?" by Philippe DumontTheFamily
 

What's hot (20)

Monetizing Mobile Apps
Monetizing Mobile AppsMonetizing Mobile Apps
Monetizing Mobile Apps
 
Angular PWA
Angular PWAAngular PWA
Angular PWA
 
[Startup Nations Summit 2014] Competition - China - Beijing
[Startup Nations Summit 2014] Competition - China - Beijing[Startup Nations Summit 2014] Competition - China - Beijing
[Startup Nations Summit 2014] Competition - China - Beijing
 
Monetizing with Mobile Apps
Monetizing with Mobile AppsMonetizing with Mobile Apps
Monetizing with Mobile Apps
 
Mobile App Development Singapore
Mobile App Development SingaporeMobile App Development Singapore
Mobile App Development Singapore
 
Gymometer Presentation 1
Gymometer Presentation 1Gymometer Presentation 1
Gymometer Presentation 1
 
Apspstore Search Optimization (ASO) – Where to Start?
Apspstore Search Optimization (ASO) – Where to Start?Apspstore Search Optimization (ASO) – Where to Start?
Apspstore Search Optimization (ASO) – Where to Start?
 
Agora - A Marketing Plan
Agora - A Marketing PlanAgora - A Marketing Plan
Agora - A Marketing Plan
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Paid Apps Economy / Nir Pochter
Paid Apps Economy / Nir PochterPaid Apps Economy / Nir Pochter
Paid Apps Economy / Nir Pochter
 
How to build a food delivery app like zomato
How to build a food delivery app like zomato How to build a food delivery app like zomato
How to build a food delivery app like zomato
 
1208jeger
1208jeger1208jeger
1208jeger
 
Use App Store Optimisation to increase your mobile profits
Use App Store Optimisation to increase your mobile profitsUse App Store Optimisation to increase your mobile profits
Use App Store Optimisation to increase your mobile profits
 
JSFoo 2016 React Native Workshop
JSFoo 2016 React Native WorkshopJSFoo 2016 React Native Workshop
JSFoo 2016 React Native Workshop
 
Startup & Mobilise 21.09.2016
Startup & Mobilise 21.09.2016Startup & Mobilise 21.09.2016
Startup & Mobilise 21.09.2016
 
11 Creative Tips for Effective CPE Campaigns - ironSource | Casual Connect Te...
11 Creative Tips for Effective CPE Campaigns - ironSource | Casual Connect Te...11 Creative Tips for Effective CPE Campaigns - ironSource | Casual Connect Te...
11 Creative Tips for Effective CPE Campaigns - ironSource | Casual Connect Te...
 
7 Ways to Lose Money Monetizing Apps with Ads
7 Ways to Lose Money Monetizing Apps with Ads7 Ways to Lose Money Monetizing Apps with Ads
7 Ways to Lose Money Monetizing Apps with Ads
 
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
 
Food delivery system
Food delivery systemFood delivery system
Food delivery system
 
Responsinator
ResponsinatorResponsinator
Responsinator
 

Similar to Bliblidotcom - AMP And PWA

Website performance and an introduction to AMP
Website performance and an introduction to AMPWebsite performance and an introduction to AMP
Website performance and an introduction to AMPMichael Gearon
 
Mobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationMobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationHelmi Hasan
 
E-commerce Berlin Expo 2017 - AMP and Progressive Web Apps – Start Fast, Stay...
E-commerce Berlin Expo 2017 - AMP and Progressive Web Apps – Start Fast, Stay...E-commerce Berlin Expo 2017 - AMP and Progressive Web Apps – Start Fast, Stay...
E-commerce Berlin Expo 2017 - AMP and Progressive Web Apps – Start Fast, Stay...E-Commerce Berlin EXPO
 
Google AMP: High-Speed Pages in Higher Ed
Google AMP: High-Speed Pages in Higher EdGoogle AMP: High-Speed Pages in Higher Ed
Google AMP: High-Speed Pages in Higher EdCaroline Roberts
 
Accelerated Mobile Pages (AMP) to Win Search War in 2017
Accelerated Mobile Pages (AMP) to Win Search War in 2017Accelerated Mobile Pages (AMP) to Win Search War in 2017
Accelerated Mobile Pages (AMP) to Win Search War in 2017Digital Vidya
 
Church Apps: What to Know Before You Buy
Church Apps: What to Know Before You BuyChurch Apps: What to Know Before You Buy
Church Apps: What to Know Before You BuyBluebridge
 
Improving mobile performance
Improving mobile performanceImproving mobile performance
Improving mobile performanceBhagirath Gaonkar
 
E-travel conference 2013 presentation: Creating a successful mobile strategy
E-travel conference 2013 presentation: Creating a successful mobile strategyE-travel conference 2013 presentation: Creating a successful mobile strategy
E-travel conference 2013 presentation: Creating a successful mobile strategyKasper Hove
 
Apps vs. Mobile
Apps vs. MobileApps vs. Mobile
Apps vs. Mobileronrowan
 
What is your mobile strategy?
What is your mobile strategy?What is your mobile strategy?
What is your mobile strategy?Emily Massey
 
Apps vs Mobile Websites - Which is Better?
Apps vs Mobile Websites - Which is Better?Apps vs Mobile Websites - Which is Better?
Apps vs Mobile Websites - Which is Better?Micah Gaudio
 
Compuware ASEAN APM User Conference 2013 - University of Customer Experience
Compuware ASEAN APM User Conference 2013 - University of Customer ExperienceCompuware ASEAN APM User Conference 2013 - University of Customer Experience
Compuware ASEAN APM User Conference 2013 - University of Customer ExperienceCompuware ASEAN
 
The Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEOThe Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEORegan McGregor
 
Appro fs3
Appro fs3Appro fs3
Appro fs3emsemg
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web AppSubodh Garg
 
Magento PWA Solutions with Mobicommerce
Magento PWA Solutions with MobicommerceMagento PWA Solutions with Mobicommerce
Magento PWA Solutions with MobicommerceMobiCommerce
 
Apps vs Mobile Websites - Push Mobile Marketing
Apps vs Mobile Websites - Push Mobile MarketingApps vs Mobile Websites - Push Mobile Marketing
Apps vs Mobile Websites - Push Mobile MarketingMicah Gaudio
 
Apps vs Mobile Website: Which Do I Do?
Apps vs Mobile Website: Which Do I Do?Apps vs Mobile Website: Which Do I Do?
Apps vs Mobile Website: Which Do I Do?Alan
 

Similar to Bliblidotcom - AMP And PWA (20)

Website performance and an introduction to AMP
Website performance and an introduction to AMPWebsite performance and an introduction to AMP
Website performance and an introduction to AMP
 
Mobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationMobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisation
 
E-commerce Berlin Expo 2017 - AMP and Progressive Web Apps – Start Fast, Stay...
E-commerce Berlin Expo 2017 - AMP and Progressive Web Apps – Start Fast, Stay...E-commerce Berlin Expo 2017 - AMP and Progressive Web Apps – Start Fast, Stay...
E-commerce Berlin Expo 2017 - AMP and Progressive Web Apps – Start Fast, Stay...
 
Google AMP: High-Speed Pages in Higher Ed
Google AMP: High-Speed Pages in Higher EdGoogle AMP: High-Speed Pages in Higher Ed
Google AMP: High-Speed Pages in Higher Ed
 
Accelerated Mobile Pages (AMP) to Win Search War in 2017
Accelerated Mobile Pages (AMP) to Win Search War in 2017Accelerated Mobile Pages (AMP) to Win Search War in 2017
Accelerated Mobile Pages (AMP) to Win Search War in 2017
 
Church Apps: What to Know Before You Buy
Church Apps: What to Know Before You BuyChurch Apps: What to Know Before You Buy
Church Apps: What to Know Before You Buy
 
Improving mobile performance
Improving mobile performanceImproving mobile performance
Improving mobile performance
 
E-travel conference 2013 presentation: Creating a successful mobile strategy
E-travel conference 2013 presentation: Creating a successful mobile strategyE-travel conference 2013 presentation: Creating a successful mobile strategy
E-travel conference 2013 presentation: Creating a successful mobile strategy
 
Apps vs. Mobile
Apps vs. MobileApps vs. Mobile
Apps vs. Mobile
 
What is your mobile strategy?
What is your mobile strategy?What is your mobile strategy?
What is your mobile strategy?
 
Apps vs Mobile Websites - Which is Better?
Apps vs Mobile Websites - Which is Better?Apps vs Mobile Websites - Which is Better?
Apps vs Mobile Websites - Which is Better?
 
Compuware ASEAN APM User Conference 2013 - University of Customer Experience
Compuware ASEAN APM User Conference 2013 - University of Customer ExperienceCompuware ASEAN APM User Conference 2013 - University of Customer Experience
Compuware ASEAN APM User Conference 2013 - University of Customer Experience
 
The Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEOThe Death of the Desktop: The Future For Mobile SEO
The Death of the Desktop: The Future For Mobile SEO
 
Appormobile
AppormobileAppormobile
Appormobile
 
Appro fs3
Appro fs3Appro fs3
Appro fs3
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Olosomo app or_mobile
Olosomo app or_mobileOlosomo app or_mobile
Olosomo app or_mobile
 
Magento PWA Solutions with Mobicommerce
Magento PWA Solutions with MobicommerceMagento PWA Solutions with Mobicommerce
Magento PWA Solutions with Mobicommerce
 
Apps vs Mobile Websites - Push Mobile Marketing
Apps vs Mobile Websites - Push Mobile MarketingApps vs Mobile Websites - Push Mobile Marketing
Apps vs Mobile Websites - Push Mobile Marketing
 
Apps vs Mobile Website: Which Do I Do?
Apps vs Mobile Website: Which Do I Do?Apps vs Mobile Website: Which Do I Do?
Apps vs Mobile Website: Which Do I Do?
 

More from Irfan Maulana

Modern Web - an Introduction
Modern Web - an IntroductionModern Web - an Introduction
Modern Web - an IntroductionIrfan Maulana
 
Unit Testing for Frontend Code at Blibli.com
Unit Testing for Frontend Code at Blibli.comUnit Testing for Frontend Code at Blibli.com
Unit Testing for Frontend Code at Blibli.comIrfan Maulana
 
Programmer In Startup Era
Programmer In Startup EraProgrammer In Startup Era
Programmer In Startup EraIrfan Maulana
 
Bliblidotcom - Evolusi Frontend Development di Bliblidotcom
Bliblidotcom - Evolusi Frontend Development di BliblidotcomBliblidotcom - Evolusi Frontend Development di Bliblidotcom
Bliblidotcom - Evolusi Frontend Development di BliblidotcomIrfan Maulana
 
Bliblidotcom - Tech In Asia PDC 2017 Takeaway
Bliblidotcom - Tech In Asia PDC 2017 TakeawayBliblidotcom - Tech In Asia PDC 2017 Takeaway
Bliblidotcom - Tech In Asia PDC 2017 TakeawayIrfan Maulana
 
Angular - The Return of The King
Angular - The Return of The KingAngular - The Return of The King
Angular - The Return of The KingIrfan Maulana
 
How to Become Rockstar Programmer
How to Become Rockstar ProgrammerHow to Become Rockstar Programmer
How to Become Rockstar ProgrammerIrfan Maulana
 
Bliblidotcom - AngularJS Introduction
Bliblidotcom - AngularJS IntroductionBliblidotcom - AngularJS Introduction
Bliblidotcom - AngularJS IntroductionIrfan Maulana
 
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSSPhp Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSSIrfan Maulana
 
Journey To The Front End World - Part3 - The Machine
Journey To The Front End World - Part3 - The MachineJourney To The Front End World - Part3 - The Machine
Journey To The Front End World - Part3 - The MachineIrfan Maulana
 
Bliblidotcom - SASS Introduction
Bliblidotcom - SASS IntroductionBliblidotcom - SASS Introduction
Bliblidotcom - SASS IntroductionIrfan Maulana
 
Journey To The Front End World - Part2 - The Cosmetic
Journey To The Front End World - Part2 - The  CosmeticJourney To The Front End World - Part2 - The  Cosmetic
Journey To The Front End World - Part2 - The CosmeticIrfan Maulana
 
Journey To The Front End World - Part1 - The Skeleton
Journey To The Front End World - Part1 - The SkeletonJourney To The Front End World - Part1 - The Skeleton
Journey To The Front End World - Part1 - The SkeletonIrfan Maulana
 
Bliblidotcom - Reintroduction BEM CSS
Bliblidotcom - Reintroduction BEM CSSBliblidotcom - Reintroduction BEM CSS
Bliblidotcom - Reintroduction BEM CSSIrfan Maulana
 
PHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SidePHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SideIrfan Maulana
 
JakartaJS - How I Learn Javascript From Basic
JakartaJS - How I Learn Javascript From BasicJakartaJS - How I Learn Javascript From Basic
JakartaJS - How I Learn Javascript From BasicIrfan Maulana
 
PHP Indonesia - Nodejs Web Development
PHP Indonesia - Nodejs Web DevelopmentPHP Indonesia - Nodejs Web Development
PHP Indonesia - Nodejs Web DevelopmentIrfan Maulana
 
[Blibli Brown Bag] Nodejs - The Other Side of Javascript
[Blibli Brown Bag] Nodejs - The Other Side of Javascript[Blibli Brown Bag] Nodejs - The Other Side of Javascript
[Blibli Brown Bag] Nodejs - The Other Side of JavascriptIrfan Maulana
 
Create Rest API in Nodejs
Create Rest API in Nodejs Create Rest API in Nodejs
Create Rest API in Nodejs Irfan Maulana
 
Irfan Maulana - Career Journey
Irfan Maulana - Career JourneyIrfan Maulana - Career Journey
Irfan Maulana - Career JourneyIrfan Maulana
 

More from Irfan Maulana (20)

Modern Web - an Introduction
Modern Web - an IntroductionModern Web - an Introduction
Modern Web - an Introduction
 
Unit Testing for Frontend Code at Blibli.com
Unit Testing for Frontend Code at Blibli.comUnit Testing for Frontend Code at Blibli.com
Unit Testing for Frontend Code at Blibli.com
 
Programmer In Startup Era
Programmer In Startup EraProgrammer In Startup Era
Programmer In Startup Era
 
Bliblidotcom - Evolusi Frontend Development di Bliblidotcom
Bliblidotcom - Evolusi Frontend Development di BliblidotcomBliblidotcom - Evolusi Frontend Development di Bliblidotcom
Bliblidotcom - Evolusi Frontend Development di Bliblidotcom
 
Bliblidotcom - Tech In Asia PDC 2017 Takeaway
Bliblidotcom - Tech In Asia PDC 2017 TakeawayBliblidotcom - Tech In Asia PDC 2017 Takeaway
Bliblidotcom - Tech In Asia PDC 2017 Takeaway
 
Angular - The Return of The King
Angular - The Return of The KingAngular - The Return of The King
Angular - The Return of The King
 
How to Become Rockstar Programmer
How to Become Rockstar ProgrammerHow to Become Rockstar Programmer
How to Become Rockstar Programmer
 
Bliblidotcom - AngularJS Introduction
Bliblidotcom - AngularJS IntroductionBliblidotcom - AngularJS Introduction
Bliblidotcom - AngularJS Introduction
 
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSSPhp Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
 
Journey To The Front End World - Part3 - The Machine
Journey To The Front End World - Part3 - The MachineJourney To The Front End World - Part3 - The Machine
Journey To The Front End World - Part3 - The Machine
 
Bliblidotcom - SASS Introduction
Bliblidotcom - SASS IntroductionBliblidotcom - SASS Introduction
Bliblidotcom - SASS Introduction
 
Journey To The Front End World - Part2 - The Cosmetic
Journey To The Front End World - Part2 - The  CosmeticJourney To The Front End World - Part2 - The  Cosmetic
Journey To The Front End World - Part2 - The Cosmetic
 
Journey To The Front End World - Part1 - The Skeleton
Journey To The Front End World - Part1 - The SkeletonJourney To The Front End World - Part1 - The Skeleton
Journey To The Front End World - Part1 - The Skeleton
 
Bliblidotcom - Reintroduction BEM CSS
Bliblidotcom - Reintroduction BEM CSSBliblidotcom - Reintroduction BEM CSS
Bliblidotcom - Reintroduction BEM CSS
 
PHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SidePHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer Side
 
JakartaJS - How I Learn Javascript From Basic
JakartaJS - How I Learn Javascript From BasicJakartaJS - How I Learn Javascript From Basic
JakartaJS - How I Learn Javascript From Basic
 
PHP Indonesia - Nodejs Web Development
PHP Indonesia - Nodejs Web DevelopmentPHP Indonesia - Nodejs Web Development
PHP Indonesia - Nodejs Web Development
 
[Blibli Brown Bag] Nodejs - The Other Side of Javascript
[Blibli Brown Bag] Nodejs - The Other Side of Javascript[Blibli Brown Bag] Nodejs - The Other Side of Javascript
[Blibli Brown Bag] Nodejs - The Other Side of Javascript
 
Create Rest API in Nodejs
Create Rest API in Nodejs Create Rest API in Nodejs
Create Rest API in Nodejs
 
Irfan Maulana - Career Journey
Irfan Maulana - Career JourneyIrfan Maulana - Career Journey
Irfan Maulana - Career Journey
 

Recently uploaded

Work Experience-Dalton Park.pptxfvvvvvvv
Work Experience-Dalton Park.pptxfvvvvvvvWork Experience-Dalton Park.pptxfvvvvvvv
Work Experience-Dalton Park.pptxfvvvvvvvLewisJB
 
Cooling Tower SERD pH drop issue (11 April 2024) .pptx
Cooling Tower SERD pH drop issue (11 April 2024) .pptxCooling Tower SERD pH drop issue (11 April 2024) .pptx
Cooling Tower SERD pH drop issue (11 April 2024) .pptxmamansuratman0253
 
Artificial Intelligence in Power System overview
Artificial Intelligence in Power System overviewArtificial Intelligence in Power System overview
Artificial Intelligence in Power System overviewsandhya757531
 
Energy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptxEnergy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptxsiddharthjain2303
 
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdfCCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdfAsst.prof M.Gokilavani
 
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTIONTHE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTIONjhunlian
 
Katarzyna Lipka-Sidor - BIM School Course
Katarzyna Lipka-Sidor - BIM School CourseKatarzyna Lipka-Sidor - BIM School Course
Katarzyna Lipka-Sidor - BIM School Coursebim.edu.pl
 
Novel 3D-Printed Soft Linear and Bending Actuators
Novel 3D-Printed Soft Linear and Bending ActuatorsNovel 3D-Printed Soft Linear and Bending Actuators
Novel 3D-Printed Soft Linear and Bending ActuatorsResearcher Researcher
 
Gravity concentration_MI20612MI_________
Gravity concentration_MI20612MI_________Gravity concentration_MI20612MI_________
Gravity concentration_MI20612MI_________Romil Mishra
 
Earthing details of Electrical Substation
Earthing details of Electrical SubstationEarthing details of Electrical Substation
Earthing details of Electrical Substationstephanwindworld
 
Python Programming for basic beginners.pptx
Python Programming for basic beginners.pptxPython Programming for basic beginners.pptx
Python Programming for basic beginners.pptxmohitesoham12
 
Module-1-(Building Acoustics) Noise Control (Unit-3). pdf
Module-1-(Building Acoustics) Noise Control (Unit-3). pdfModule-1-(Building Acoustics) Noise Control (Unit-3). pdf
Module-1-(Building Acoustics) Noise Control (Unit-3). pdfManish Kumar
 
List of Accredited Concrete Batching Plant.pdf
List of Accredited Concrete Batching Plant.pdfList of Accredited Concrete Batching Plant.pdf
List of Accredited Concrete Batching Plant.pdfisabel213075
 
Levelling - Rise and fall - Height of instrument method
Levelling - Rise and fall - Height of instrument methodLevelling - Rise and fall - Height of instrument method
Levelling - Rise and fall - Height of instrument methodManicka Mamallan Andavar
 
GSK & SEAMANSHIP-IV LIFE SAVING APPLIANCES .pptx
GSK & SEAMANSHIP-IV LIFE SAVING APPLIANCES .pptxGSK & SEAMANSHIP-IV LIFE SAVING APPLIANCES .pptx
GSK & SEAMANSHIP-IV LIFE SAVING APPLIANCES .pptxshuklamittt0077
 
Research Methodology for Engineering pdf
Research Methodology for Engineering pdfResearch Methodology for Engineering pdf
Research Methodology for Engineering pdfCaalaaAbdulkerim
 
High Voltage Engineering- OVER VOLTAGES IN ELECTRICAL POWER SYSTEMS
High Voltage Engineering- OVER VOLTAGES IN ELECTRICAL POWER SYSTEMSHigh Voltage Engineering- OVER VOLTAGES IN ELECTRICAL POWER SYSTEMS
High Voltage Engineering- OVER VOLTAGES IN ELECTRICAL POWER SYSTEMSsandhya757531
 
Main Memory Management in Operating System
Main Memory Management in Operating SystemMain Memory Management in Operating System
Main Memory Management in Operating SystemRashmi Bhat
 
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...Erbil Polytechnic University
 

Recently uploaded (20)

Work Experience-Dalton Park.pptxfvvvvvvv
Work Experience-Dalton Park.pptxfvvvvvvvWork Experience-Dalton Park.pptxfvvvvvvv
Work Experience-Dalton Park.pptxfvvvvvvv
 
POWER SYSTEMS-1 Complete notes examples
POWER SYSTEMS-1 Complete notes  examplesPOWER SYSTEMS-1 Complete notes  examples
POWER SYSTEMS-1 Complete notes examples
 
Cooling Tower SERD pH drop issue (11 April 2024) .pptx
Cooling Tower SERD pH drop issue (11 April 2024) .pptxCooling Tower SERD pH drop issue (11 April 2024) .pptx
Cooling Tower SERD pH drop issue (11 April 2024) .pptx
 
Artificial Intelligence in Power System overview
Artificial Intelligence in Power System overviewArtificial Intelligence in Power System overview
Artificial Intelligence in Power System overview
 
Energy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptxEnergy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptx
 
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdfCCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
 
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTIONTHE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION
 
Katarzyna Lipka-Sidor - BIM School Course
Katarzyna Lipka-Sidor - BIM School CourseKatarzyna Lipka-Sidor - BIM School Course
Katarzyna Lipka-Sidor - BIM School Course
 
Novel 3D-Printed Soft Linear and Bending Actuators
Novel 3D-Printed Soft Linear and Bending ActuatorsNovel 3D-Printed Soft Linear and Bending Actuators
Novel 3D-Printed Soft Linear and Bending Actuators
 
Gravity concentration_MI20612MI_________
Gravity concentration_MI20612MI_________Gravity concentration_MI20612MI_________
Gravity concentration_MI20612MI_________
 
Earthing details of Electrical Substation
Earthing details of Electrical SubstationEarthing details of Electrical Substation
Earthing details of Electrical Substation
 
Python Programming for basic beginners.pptx
Python Programming for basic beginners.pptxPython Programming for basic beginners.pptx
Python Programming for basic beginners.pptx
 
Module-1-(Building Acoustics) Noise Control (Unit-3). pdf
Module-1-(Building Acoustics) Noise Control (Unit-3). pdfModule-1-(Building Acoustics) Noise Control (Unit-3). pdf
Module-1-(Building Acoustics) Noise Control (Unit-3). pdf
 
List of Accredited Concrete Batching Plant.pdf
List of Accredited Concrete Batching Plant.pdfList of Accredited Concrete Batching Plant.pdf
List of Accredited Concrete Batching Plant.pdf
 
Levelling - Rise and fall - Height of instrument method
Levelling - Rise and fall - Height of instrument methodLevelling - Rise and fall - Height of instrument method
Levelling - Rise and fall - Height of instrument method
 
GSK & SEAMANSHIP-IV LIFE SAVING APPLIANCES .pptx
GSK & SEAMANSHIP-IV LIFE SAVING APPLIANCES .pptxGSK & SEAMANSHIP-IV LIFE SAVING APPLIANCES .pptx
GSK & SEAMANSHIP-IV LIFE SAVING APPLIANCES .pptx
 
Research Methodology for Engineering pdf
Research Methodology for Engineering pdfResearch Methodology for Engineering pdf
Research Methodology for Engineering pdf
 
High Voltage Engineering- OVER VOLTAGES IN ELECTRICAL POWER SYSTEMS
High Voltage Engineering- OVER VOLTAGES IN ELECTRICAL POWER SYSTEMSHigh Voltage Engineering- OVER VOLTAGES IN ELECTRICAL POWER SYSTEMS
High Voltage Engineering- OVER VOLTAGES IN ELECTRICAL POWER SYSTEMS
 
Main Memory Management in Operating System
Main Memory Management in Operating SystemMain Memory Management in Operating System
Main Memory Management in Operating System
 
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...
Comparative study of High-rise Building Using ETABS,SAP200 and SAFE., SAFE an...
 

Bliblidotcom - AMP And PWA

  • 1. Google Mobile Web Hackathon AMP x PWA to Fight againts High Bounce Rate and Low Conversion Rate Cindy, Febi, Ifnu, Irfan. July, 7th 2017
  • 2. Who We Are ? • Cindy R Kalensang, Product Manager • Hidayat Febiansyah, Principal Engineer • Ifnu Bima, Development Manager • Irfan Maulana, Sr. System Development Engineer
  • 3. The Problem High Bounce Rate • Mobile App bounce rate is 85% lower than Mobile Web • Desktop bounce rate is 20% lower than Mobile Web Low Conversion Rate • Mobile App conversion rate is 8.7x Mobile Web • Desktop conversion rate is 5.7x Mobile Web Mobile App uninstall rate • One of the main reason that drives customer to uninstall App is due to customer phone storage limitation “Mobile Web generates the highest traffic yet it has the highest bounce rate and lowest bounce rate”
  • 4. The Problem Page load time is the website first impression for the user With the implementation of AMP and PWA altogether We are aiming to provide seamless browsing experience which will lead to engaged users and results in higher conversion rate and more loyal customers
  • 5. The Problem Page load time is the website first impression for the user With the implementation of AMP and PWA altogether We are aiming to provide seamless browsing experience which will lead to engaged users and results in higher conversion rate and more loyal customers
  • 6. AMP Solution • AMP for fast load in first time • AMP give better search result in mobile • AMP for reduce bounce rate
  • 7. AMP Implementation • Product List Page – Search Page – Category Page – Merchant Page – Brand Page • Product Detail Page
  • 8. AMP Tag • Current : amp-analytics amp-img amp-carousel amp-selector amp-social-share amp-sidebar • Next : amp-state amp-bind amp-install- serviceworker amp-iframe amp-list
  • 9. AMP Implementation and Demo • Will be live in next 2 weeks • Done by 3 person, 1 employee (Dita) and 2 interns (Nikolas and Geraldo) • Planning, development and testing ~ 2 months • AMP initative was finalized after attending google mobile conference here on february
  • 10. Category Page (Before x After AMP) NON-AMP AMP
  • 11. Search Result Page (Before x After AMP) NON-AMP AMP
  • 12. Brand Page (Before x After AMP) NON-AMP AMP
  • 13. Brand Page (Before x After AMP) NON-AMP AMP
  • 14. Merchant Page (Before x After AMP) NON-AMP AMP
  • 15. Product Detail (Before x After AMP) NON-AMP AMP
  • 16. PWA Solution • PWA for better engagement • PWA for alternative apps with no install need • PWA give shortcut in homescreen • PWA for caching static resources • PWA for fast load in repeat view
  • 17. Blibli.com Travel (Before x After PWA) NON-PWA PWA