July 15, 2017

Lighthouse Chrome | Best tool for Web Developers

In 2017 Google IO introduced a new tool - Lighthouse. 

When auditing a page, Lighthouse runs a barrage of tests against the page, and then generates a report on how well the page did. From here you can use the failing tests as indicators on what you can do to improve your app.

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Lighthouse gives you a score report against every section. As of now it comes as the extension of chrome but the future plan is to launch it as a part of chrome developer console tool. Trust me guys, it is not just getting a score of your apps or website. Lighthouse is your guide to how you can make PWA too.

How you can use Lighthouse right now? 

Although it is in BETA but you can still use it. As of now it comes as chrome extension. You can install the lighthouse extension from here. 
Once it is installed , go to chrome and open your site (it can be on local too) and run the chrome extension. 

Once the report is generated  you can now check the score and what needs to be improved.

You can check the detailed report from here (it is a html file. Once downloaded run on your local) and you can see that I have got good score in Performance, accessibility and best practices. 

As of now the app is not PWA hence the score is bad in that but Lighthouse give me net steps to improve my score in PWA too.

Important Link :

1) https://developers.google.com/web/tools/lighthouse/
2) https://github.com/GoogleChrome/lighthouse
3) https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=en

Happy Learning!!

No comments: