With Google's Chrome browser now being developed at a lightning fast six week release cycle, users are able to get their mitts on shiny new features sooner. Some of these features sneak in and will never be seen or used by the vast majority of web surfers; these are improvements to the Chrome Developer Tools. Google has been building up an impressive suite of front-end development debugging tools that are bundled right into the browser instead of being a separate downloadable extension. Having been a Firebug user for years, it was hard to part ways when I switched to using Chrome as my main browser. The developer tools were somewhat lacking then, but after so many iterations, with the Chrome developer channel browser being at version 14, the developer tools have grown increasingly more powerful and I have not looked back since. Going over every little feature of the developer tools would require a long series of blog posts, so in the interest of TL;DRers like myself, I will highlight some of my favorite features (note that some of these features are also available in other debugging tools, especially Safari Developer Tools which are essentially the same thing).
There are several flavors of page load speed analyzers out there, and one of the popular ones is an open source tool called Page Speed. It analyzes whatever page you throw at it and will provide tips on how to optimize the loading time of that page. With the Chrome Developer Tools, this handy tool already comes bundled. After all, page load times do play a small factor in Google search rankings.
DOM Selection History