Audits

What can slow down a website?

• Back End
  • Database
  • Server
  • Network
  • Compression
• Front End
  • Large bundle
  • Too many files
  • Images or JavaScript not async
  • Images too large
  • Images uncompressed
  • Unused JavaScript or CSS
  • CSS in Document Body
  • Not using browser caching

Simulate Slow Network

Lighthouse

Official Lighthouse Docs

• Performance
• PWA
• Best Practices
• Accessibility
• SEO
• Mobile and Desktop performance

Puppeteer

https://developers.google.com/web/tools/puppeteer

Lighthouse CI

https://github.com/GoogleChrome/lighthouse-ci/blob/master/docs/getting-started.md

Next Lesson

Now let's move on to the Next Lesson