Useful tips when measuring performance / optimizing a website?

I have this website which I am about to upload. But before I do that, I'd like to check loading times, scripts loaded and other useful information that can optimize everything.

Do you have any useful steps? Maybe some plugin tool used in Chrome, FF or IE tha开发者_运维技巧t someone can recommend?

Thank you!

---

Loading times, caching, etc. are very much related to the server you are putting your site on, so I would recommend uploading it first and doing your tests on that server.

Then you can use a tool like Google Page Speed to test your site.

---

For Firefox you can download firebug from here: http://getfirebug.com/

Then there is an add-on for firebug called yslow by Yahoo here: http://developer.yahoo.com/yslow/

This will say what you can improve on to speed up loading times etc.

---

Try Yahoo! YSlow

---

In the stage of development, I use fiddler and Google Chrome developer tools to optimise websites.

If you want to test the site once you deployed it to the live server, I would recommend loads.in to see where further improvements could be made.

---

Using Firefox, I suggest you to download the Firebug addon, which you may use to see how long your JavaScript files are being loaded, and other useful stuff. Then you can use its addon YSlow, which suggests ways to improve the speed of your website.

As @jeroen said, a good part of the performance is related to the server's capacities. Google Page Speed is a very good resource to test your website after it has been uploaded to the server.

Also, if you want to check the loading time your page would take on slow connections, you can try this other Firefox Addon called Firefox Throttle, which has been discontinued but still works.

---

Chrome > CTRL + SHIFT + I > Audits > have fun.