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 - React.js Tutorial
From the course: React: Building Progressive Web Apps (PWAs)
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.