CODEWITHSUNDEEP
debugginggoogle-chrome
GustyWind
GustyWind

Reputation: 3036

Tools similar to HTTP Watch or YSlow for Google Chrome browser

Hi We are testing our app in Google chrome for support. The basic loading is in scrambled and all the pages are in total CSS mess which we need to clean up unfortunately.For this I require a tool which works similar to firebug for Mozilla.Also to check headers, cookies, caching and POST data ,compression, redirection & chunked encoding a similar tool to HTTP watch is also desired. Any suggestions.Thanks

Upvotes: 14

Views: 46808

Answers (6)

holydevil
holydevil

Reputation: 186

YSlow for Google Chrome was launched last week - http://developer.yahoo.com/blogs/ydn/posts/2011/03/yslow-for-chrome/

Other than that, you can try using Google sped tracer(it works only in Chrome dev version).

Upvotes: 3

Kenneth Jiang
Kenneth Jiang

Reputation: 11

Open "Developer Tools" in menu 'View' -> 'Developer'. It will give you a bunch of tabs. Click on "Resources" and then "enable" it (it's disabled by default). Chrome will start tracking http traffics and give you the info (almost) as rick as you can get from HttpWatch.

I'm using Chrome 8.0.

Upvotes: 1

Daniel Ribeiro
Daniel Ribeiro

Reputation: 3119

Google has a whole page on this subject (along with the announcement that speed will be considered in ranking pages):

  • Page Speed, an open source Firefox/Firebug add-on that evaluates the performance of web pages and gives suggestions for improvement.
  • YSlow, a free tool from Yahoo! that suggests ways to improve website speed.
  • WebPagetest shows a waterfall view of your pages' load performance plus an optimization checklist.
  • In Webmaster Tools, Labs > Site Performance shows the speed of your website as experienced by users around the world as in the chart below. We've also blogged about site performance.

Upvotes: 3

milan
milan

Reputation: 12420

If you want Firebug for Chrome, try Firebug Lite: getfirebug.com/firebuglite (can't post more than one link, huh), and here's a Chrome extension.

Upvotes: 2

reechard
reechard

Reputation: 882

Chrome comes with a Firebug equivalent built-in. Just right-click to inspect element and you should see the debugger.

Then install "Speed Tracer" and you will have profiling tools.

Upvotes: 11

Seth
Seth

Reputation: 46453

Try the inspector. It has basically the same feature set as Firebug, and is built-in (it comes with pretty much every WebKit-based browser, so you'll find it in Safari too).

Right-click on something and choose "Inspect Element", or go to the Document-icon menu and look at the Developer sub menu.

Upvotes: 4

Related Questions