#1 Run: Ionic blank app in a local dev server

Go to our newly created project: cd ./pwaChitChat

Run ionic serve within the app directory to see our app (this will serve our app in localhost on port 8100)

Once installed, we will test how a blank Ionic app scores in our PWA checklist. To perform this audits we are going to use Google suggested tool, Lighthouse.

So we are going to install and use the Lighthouse command line utility. Open your terminal and Install lighthouse

sudo npm install -g lighthouse

( -g stands for global ) ( lighthouse is the name of the package) and ( npm is the Node Package Manager install third-party libraries like lighthouse )

This command will install lighthouse which allow us to perform the audits for an Ionic app. It’s really simple to use, just run...

lighthouse URL-TO-TEST --view

( Note that we run Lighthouse with the --view parameter to immediately open the HTML report in your browser )

Perform the audits with Lighthouse by running:

lighthouse http://localhost:8100/home --view

( make sure your ionic serve is running on port 8100 )

Run: [ lighthouse http://localhost:8100/home --view ] in your terminal/command-prompt | and this is how it’s looks like after running Lighthouse

This execution will generate and open Lighthouse Report for our PWA.

Look below👇 the initial audit of PWA has bad results (0/100) due to the fact that we are serving the app from a development local server and also because the code is not built using performance enhancements (minification, etc).