PWA - Progressive Web App
Dyan Galih Nugroho Wicaksi - Mr. G
@DyanGalih
Https://www.dyangalih.com
Who Am I?
@DyanGalih
A Simple Person Who Love Code, Share Knowledge and Always Learning about Java, PHP, Linux sysadmin, Android, Javascript.
IT Enthusiast, Web And Mobile Security Enthusiast, Public speaker
Community:
YAC - Yogyakarta Android Club
NgeSec - Ngelab Security
Php Indonesia
GDG Jogja
You Should Know
PWA vs Native, Side by Side
https://igniteonline.com.au
PWA?
Progressive Web Apps are user experiences that have the reach of the web, and are:
- Reliable - Load instantly and never show the downasaur, even in uncertain network conditions.
- Fast - Respond quickly to user interactions with silky smooth animations and no janky scrolling.
- Engaging - Feel like a natural app on the device, with an immersive user experience.
This new level of quality allows Progressive Web Apps to earn a place on the user's home screen
BookMyShow’s
BookMyShow is India’s largest ticketing firm, with 50+ million monthly visitors. They developed an improved version of their mobile website using a Progressive Web App (PWA), delivering an 80+% increase in conversions, which means more users purchasing tickets
Instant Loading
Service workers allow your apps to load nearly instantly and reliably, no matter what kind of network connection your user is on.
Add to Home Screen
Web app install banners give you the ability to let your users quickly and seamlessly add your web app to their home screen, making it easy to launch and return to your app.
Push Notifications
Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications, even when the browser is closed.
Fast
Smooth animations, scrolling, and navigations keep the experience silky smooth.
Secure
HTTPS secures the connection between you and your users, ensuring your users information is protected and isn't tampered with.
Responsive
Modern users live on phones, tablets and laptops; your apps and websites should do the same. Learn how to structure and code your content to look great on screens of any size.
Lighthouse
Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more.
What Web Can Do?
What Web Can Do?
PWA List
Terimakasih
https://developers.google.com/web/progressive-web-apps/