How to Enhance Your Angular App’s Performance using Google Lighthouse

Lighthouse is an open-source, automated tool that can be run on any web page (public accessible or requiring authentication) to improve the quality of that page. It can conduct audits for performance, accessibility, progressive web apps, SEO, and more on a web page.

Here's how you generate a lighthouse report:

• Open the website you want to generate a report for, on Google chrome.
• Open Chrome DevTools (Using Pressing F12 or Ctrl + Shift + I or right-click and select Inspect elements.)
• Click on the More button and select Lighthouse:
• An interface will open. Here, you choose from a number of options available to customize your report generation parameters:

• Click on Generate Report to perform an audit.
• After around 40 to 60 seconds, Lighthouse generates a report for the page:

Lighthouse can be used as a chrome extension and as a command-line tool. For more details kindly check out the official documentation: https://developers.google.com/web/tools/lighthouse#devtools

Description of different categories available in Lighthouse:

In the above screenshot, there are number of categories you can select that determine what is type of audit being conducted. Let

• Performance: It measures a website’s/web-application’s response time or throughput.
• Progressive Web App: Progressive Web Apps (PWAs) are web applications that are regular web pages or websites which offer a native app-like user experience. This option can be used to measure how well the web application can be used as a…