Auditing Page Performance

If you are on the latest Chrome (59⁄60) you may have noticed that google as integrated lighthouse v2 into the Audits tab. This is a wonderful tool if you are looking to see how your site stacks up to google’s on standards - and hopefully enlighten you to new technologies and tools you can use to optimize your website. https://github.com/GoogleChrome/lighthouse This tool is awesome because they offer a lot of different ways in. There is a CLI, which you can run with a standard node install. There is the tab in chrome to make it quick to run an audit. And even better, you can npm install lighthouse and use their core API to kick of reports without human intervention - even better you can pass in custom configs, gatherers, audits, test cases, dump to json or create your own report… It’s really pretty extensible. If you take a look at my github lighthouse sandbox, I’m simply looping over a set of web pages and dumping out reports to a results folder. But, since this is all programatic, future plans would be to start generating tickets for devs to get cracking on fixes. Or a week-over-week comparison dashboard - are we making progress? - This report also looks pretty solid as a health report to upper management and makes it easy to help prioritize some outstanding tech debt. PS - Yeah, it seems google is setting the standards for what a “good” website looks like, but they do also own the SEO rankings and the browser that will be tailoring all of these tweaks to promote your pages, so… for now we are just going to have to play along.

Published by using 280 words.