From the course: JavaScript: Progressive Web Applications

Unlock the full course today

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

PWAs and Chrome DevTools

PWAs and Chrome DevTools - JavaScript Tutorial

From the course: JavaScript: Progressive Web Applications

Start my 1-month free trial

PWAs and Chrome DevTools

“

- [Instructor] Before we add a service worker to our PWA, let's jump back into Chrome to see if we can get a gauge as to how well our PWA is progressing. Open the developers tool by clicking on Chrome's menu, that's the three dots to the right of the address bar, and then choose more tools and developer tools. I'm just gonna expand that a little bit, give myself a little bit more room so I can see the dev tools. Then click on the audits tab. You can see that you can choose the device, either mobile or desktop, and then which audits to run. For now, make sure that all the audits are checked. For throttling, let's do simulated fast 3G and then clear the storage. Go ahead and click run audits so that we can perform the audit. The audits tab is a Chrome add-on that makes use of the Lighthouse open source automated tool for testing web pages. It provides tests for performance, accessibility, and more, including PWAs. For more info, visit the Lighthouse page at developers.google.com. Taking…

Contents