Thomas Fuchs and Amy Hoy of Scriptaculous fame released JavaScript Rocks sometime ago.
The book covers a variety of tips, tricks, and examples of writing optimized JavaScript. When the book shipped, they included a small bookmarklet called DOM Monster.
DOM Monster is a slick tool that identifies major pain points in a JavaScript-intensive website or application and they recently open-sourced the project.
- Average node nesting depth (and if it’s too high!)
- Total size of HTML on the page
- Use of deprecated elements
- Empty and comment nodes
- Out-of-date JavaScript libraries
- ..and more!
You can browse the code on GitHub, too.
Average node nesting depth, and if it’s too highTotal size for the HTML on the page (even after ajax calls, etc)Use of deprecated elementsEmpty and comment nodesOut-of-date JavaScript libraries…and many more!
You can read more about DOM Monster from Thomas himself here.
Speak your mind...