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.