Download as pptx, pdf, or txt
Download as pptx, pdf, or txt
You are on page 1of 18

KEY FACTORS FOR THE PWA

SOLUTION

Agam Setiawan
Agam Setiawan
Web Developer

Walden Global Services


5 Years Experiences

Nutrifood
+3 Years Experiences
INTRODUCTION
Progressive Web Apps are just web applications.
Using progressive enhancement, new capabilities
are enabled in modern browsers. Using service
workers and a web app manifest, your web
application becomes reliable and installable.
The 3 app Pillars PWA

Capable

Reliable

Installable
Technology

• Service Workers
• Web App Manifest
• HTTPS
• Push Notifications
Core PWA
• Starts fast, stays fast

• Works in any browser


• Responsive to any screen size

• Provides a custom offline page


• Is installable
Optimal PWA

• Provides an offline experience

• Is fully accessible

• Can be discovered through search

• Works with any input type

• Provides context for permission requests

• Follows best practices for healthy code


WHO IS ALREADY USING PWA?

twitter pinteres
t
washingtonpos
t tokopedia
bukalapak
starbucks
travelok tiket.com
a
PWAs solve customer needs

User research :

• Users hate delays and unreliability on mobile


• 50% of smartphone users are more likely to use a company's mobile site when browsing
or shopping because they don't want to download an app.
• One of the top reasons for uninstalling an app is the limited storage (whereas an installed
PWA usually takes less than 1MB).
• Smartphone users are more likely to purchase from mobile sites that offer relevant
recommendations on products, and 85% of smartphone users say mobile notifications are
useful.

F.I.R.E (Fast, Installable, Reliable, Engaging)


INSTALLABLE

desktop mobile
Pros Cons

• Security
• Limited access to some hardware
• Fast Performance
components of the devices
• Cross-platform
• App store traffic
• Progressive
• Responsive
• Engaging
• Cheap
• SEO-friendly
What are the obstacles to implement?

User look App in the App Store

Missing Native Device Features selection of cached


KEY FACTORS FOR THE
PWA SOLUTION

Capability

Easy Security
Installation
Automatic Updates App-like
REFFERENCE

• https://web.dev/what-are-pwas/
• https://developers.google.com/web/ilt/pwa
• https://medium.com/the-innovation/pwa-pros-and-cons
• https://scandiweb.com/
setiawanagam@gmail.com
GET IN TOUCH
WITH ME @agamstawn

You might also like