How PregBuddy reached a LightHouse score of 100/100

lighthouse

LightHouse Score of 100/100

While native apps are rich in experience, they do come with a price of an install. A new way to deliver amazing user experiences on the web is Progressive Web Apps also called PWA.

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

We at PregBuddy, built our mobile website (https://app.pregbuddy.com) as a Progressive Web App (PWA). Using just 300 KB of data to install, the PWA is at least 25x smaller than downloading the Android app. Repeat visits use as little as 10 KB. This low data consumption translates into a 3–4 seconds first visit and less than a second for repeat visits on 2G and 3G networks — an ideal solution for millions of users.

resize_home

Home Screen Page

We chose ReactJs as the framework, which is emerging as a great solution for building performant interfaces for the web and other platforms. We have also used Webpack which bundles our client-side code (JavaScript, CSS, etc) into a single JavaScript file (bundle.js). For the UI, we have used the Material UI library for React, which gives an immersive and native-app like feel for the web. Read More