PWA - Progressive Web Apps

PWA - Progressive Web Apps

What if you could have instant loading, mobile app feel/features and amazing ux, and everything works in the browser (no need to install a app). Well that is pretty much what PWAs does. The web has been slowly evolving and we now have a big change in the technology of modern web applications coming. The new standard for building great web applications is replacing the old. PWAs was invented by google, but can be used by anyone.

“53% of users will abandon a site if it takes longer than 3 seconds to load!”
/ Google

PWAs 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.

Why use PWAs

Characteristics

  • App-like - Apps have greater engagement from users. PWAs feel like a app without the need for a install.

  • Re-engageable - just like a app you are able to make push notifications so that users can make re-engagement to your site. For example use it to let them know about a sale, blog post or similar.

  • Connectivity independent - Service workers allow work offline, or on low quality networks. Which means that more users can use your web, and its faster.

  • Fresh - The service workers keep your web updated for the users.

  • Progressive - Works for all users regardless of browser, because it has a progressive enhancement built in.

  • Responsive - Fit any form factor: desktop, mobile, tablet, or forms yet to emerge.

  • Safe - Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.

  • Discoverable - Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.

  • Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.

  • Linkable - Easily shared via a URL and do not require complex installation.

Results

  • Faster than competition (others will look like a turtle on its back)

  • Increased conversion rates

  • Greater engagement

  • Less costs for hardware / hosting

  • Uptime / stability (it works even offline)

  • Flexibility to innovate

  • Easier recruitment (developers love new tech)

Technology

Javascript frameworks

Many new js frameworks are related to the development of PWAs, the common ones are React.js, Vue.js and AngularJS.

GraphQL

GraphQL provides a more efficient way to fetch data from the API compared to REST for example. Which makes the websites run faster with less resources.

Service workers

Service workers allow the app to run in offline mode.


NWT is using PWA tech with the Magento PWA studio and other custom projects where its suitable. Drop us a message if you are interested.