Visualize web page performance in Safari

When developing ASP.NET solutions I always check the rendered pages in a lot of browsers. After checking that the output is "OK" I sometimes check the page performance with Fiddler (Not every page and solution is tested...) After downloading Safari I have begun to debug and test performance using Safari.

First off you must enable the "Develop" menuitem, or enable debug mode in Safari. Many posts describes a way that edits the Safari Preferences.plist files. With the current version of Safari this is NOT the way to enable this. It will not make all the utilities work, it displays the Develop menu. But it does not execute the Web Inspector.

The right way to enable the "Develop" menu in Safari (version 3.2.1) is to goto Edit->Preferences and choose Advanced.

Click on the "Show Develop menu in the menubar" and close the window.

If you have done the file file fiddling, just go and toggle the "Show Develop menu in the menubar" off and on again to fix the problem.

OK Now open the "Show Network Timeline" and take a look at the nice graphics displaying the breakdown of your pages.