Pagespeed insights report Analysis

Question

I am working with page speed insights and I need some help to correctly understand the report of this tool.

I would like to know clearly what does the report tell me about this work in performance matters.

This is the report the report that shows low performance score.

And this is the report that show a better performance score.

This is according to grunt-pagespeed how does a report looks like:

I can not see the same report results for those cases. You can see from the sample above it shows values in percentage of optimizations / minifications of files, but in my case I see values like 236,7 for optimizations images or 0.65 for css minifications.

It is not clear to me how to understand the values of this report, although I just improved my page just by looking at the css / html / javascript / css and number of resources called to server, gzip, images etc...

Answer 1

I recommend Google Pagespeed Insights and webpagetest.org to make it easy to see what deserves the most attention. Those utilities will be far simpler in determining what's going on with your site at first.

This is a waterfall chart. This gives you a better idea of how resources are processed and loaded on your page, and which resources are taking the longest.