From the course: React: Building Progressive Web Apps (PWAs)

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Using Lighthouse

Using Lighthouse - React.js Tutorial

From the course: React: Building Progressive Web Apps (PWAs)

Start my 1-month free trial

Using Lighthouse

- One of the most useful tools at our disposal when we're creating a progressive web app or really any type of web app is Lighthouse. So Lighthouse is a tool that was created by Google. It's an open-source, automated tool for improving the quality of web pages as it says here. But basically we can use this to run an audit of any web page and it's going to give us information about performance, accessibility and progressive web apps. So I'm going to open up Airbnb and I'm going to up my developer tools using Chrome. So you can right-click and click Inspect. I'm going to go ahead and select Audits from this dropdown. And this'll bring up the built-in Lighthouse tools so that I can run an audit to basically run this thing through a performance check and accessibility check and all sorts of other metrics that will make it easier to optimize this page. So Lighthouse will generate a report and it'll give me information about various different categories. And this will really help me to…

Contents