Shields.io for Google's PageSpeed Insight

     This was an idea I had for some upcoming projects I'm working and it includes the use of shields.io to display important information on the quality of the front-end code. Also to give to give an idea of what's on a production server. This would really work for projects where the code was mostly open-sourced. Users could get a glance before hand of the boilerplate/template for particular project and know the quality it has. I did start to write out some code to do this and currently the only approach I have is using it via Google's API service which requires an API key. Below is the api request and the parameters need, from there all one needs to do is hook up, the three fields in shields.io and return the appropriate svg. 




API:
https://www.googleapis.com/pagespeedonline/v2/runPagespeed?url=http%3A%2F%2F{WWW.EXAMPLE.COM}&strategy={desktop||mobile}&fields=ruleGroups&key={YOUR_API_KEY}



A Difference in Implementation
     Be aware there is a nodeJs project using PageSpeed Insight locally but I think there are just as many cases for this approach that could be useful. It all depends on how you are trying to market you project on github. If you think people will contribute or reuse your production code, this may come in handy. Or you can just keep it as a scoreboard haha.



Popular posts from this blog

Nginx Best Practices Extended

Installing Windows on Acer chromebook 15 cb3-532

Entity Framework: ToListAynsc & WhereAsync