To do this, use (): ĭeeply cool, though, is the Network option below Console. This reveals a timeline that shows you how long each part of the current Web page took to load over the network. The bars are colour-coded by media type: green for style sheets, purple for images, and so on. This is a really great way to see how long your site is taking to load, and what the bottlenecks are. I’ve used a few such network profiling tools in the past, but none are as readily accessible (and as pretty) as this one. Moving further down the Develop menu, we have the Snippet Editor. Enter HTML and CSS directly into the top pane of the Snippet Editor window, and the rendered results appear in the bottom pane. This can be useful for testing small snippets of markup without having to edit a Web page, but in practice I find it’s more useful to just go ahead and test within the page proper. The final six options let you disable various Safari features to aid with debugging.
Disable Caches: Temporarily turns off caching, forcing Safari to fetch Web pages, images and other resources from the net each time they’re needed.Great for making sure you’re looking at the most recent version on your server. Disable Images: Replaces all images in the page with the contents of their ‘alt’ attributes.