I have a site - http://www.tubeloop.com/ -- that creates YouTube playlists in a loop. The codebase utilizes 3 jQuery plugins i've created - a youtube api wrapper, a youtube player wrapper and a radial menu. The site is a mashup and its extremely heavy on the client-side, as all requests made to YouTube, Facebook and Meebo are all made thru JavaScript.
I primarily develop on Chrome, and whilst my standards for support browser at work go back to IE6, for this side project I've pretty much primarily stuck with supporting Chrome. I have managed to get everything working in FireFox, but I can't really get it to run properly. Same deal with IE. My mac pro handles everything fine, but my air gets owned. I suspect its the amount of memory that the app is eating up thats causing it to crash.
After having created 3 reasonably ajax-ified corporate grade sites, I'm surprised to see my app get this sluggish, and wanted to reach out and ask if anyone had any good tips or tools into how i can go about debugging this properly.
I've gone thru the rote YSlow/GPerf stuff, setup apache properly, the backends tuned, and i minify up all my js/css. I am falling behind on a couple of things but those are by choice for the time being --- that said, my question here isn't so much how I can deliver up the content better (spritification etc), its more around how I can see the objects that are being created through JS (i.e. profiler in FireBug, dynatrace - but non-windows). Where I might be able to pin point where things are going awry, etc
Any suggestions are appreciated! Thanks