Runaway jQuery - Page runs slower over time

Question

We have a timer that removes the top item in an unordered list and moves it to the bottom of the list. Each item has images, custom fonts, rollovers, etc.

For some reason, the longer the page runs, the slower it gets. You can notice the latency when hovering over the ribbons. The ribbons are supposed to turn red on hover, but when it slows down you'll notice it can take several seconds to see the hover state.

I have no idea why this is happening. I believe we're properly cleaning everything up, but something is obviously wrong.

Here's the page in question... http://gmfg.trailerparkinteractive.com/

Let me know if I can provide any additional detail.

Answer 1

It seems you have a memory leak and here's how you detect one .

It seems one of your scripts is allocating and deallocating a lot of memory over a short period of time.

Further drilling into the retaining tree we find that some HTML element nodes are being deleted from the DOM but not released.

My advice is, try running your site while disabling different scripts, and retest with this method to get a guestimate of which plugin is doing that.