o1stew
Last Updated: February 25, 2016
·
1.044K
· meerkatdev
Ead8cfecf0c3e291415bb83281f19c8c

Web page performance optimization with Audits

When you want to know how can you possibly improve the performance of your web page, and/or the network utilization of your page, you are testing your page with different tools and other pages.. and if there can be already something in your pc, that you are using right now, to improve your app/website?

In Google Chrome there is a tab called Audits: maybe you sometimes noticed it but never used. It's really simple to use.

  • Open the Developer Tools, if you are not already on it, open Chrome and go from the upper right button to Tools > Developer Tools, or simply press Ctrl+Alt+I

  • Go on the Audit Tab

  • Choose a web page (also this one is fine)

  • Put the check on "Reload page and audit on load" and click "Run"

  • It will show you then a list of suggestions divided, for "Network Utilization" and "Web Page Performance"

  • From now on it should be pretty intuitive ;) hope it will be useful to you as it is to me!

Say Thanks
Respond

1 Response
Add your response

11851
D42a7264714dee5006b9c99d2567a320

I organized the popular webpage load performance best practices in an easy to read mindmap, check out my tip: https://coderwall.com/p/jhnuza

over 1 year ago ·