Я разработал веб-сайт с использованием JQuery и множества элементов перетаскивания, который работает довольно хорошо.

Тем не менее, в IE9 и когда динамически загружается много элементов перетаскивания (используя .load ()) и отображается, браузер всегда потребляет небольшой заряд ЦП (~ 10%) (для обновления?), Даже если ничего не происходит. сделано пользователем в течение длительного времени без прикосновения мыши или прокрутки на странице.

У меня нет таймера, и в Chrome и Safari все в порядке.

Вот контекст и то, что я обнаружил после моих тестов:

Context

На моей главной веб-странице я загружаю пользовательские представления в div, используяфункция load (), Загруженные представления содержат несколько контейнеров с перетаскиваемыми элементами. Эти контейнеры являются сбрасываемыми и обновляются после каждого события удаления, используя также функцию load ().

If I insert 50 <br> tags in first in my web page, the graphic elements are not displayed without scroling in my page : my CPU utilization = 0% When I scroll to display only the half of my view containing the graphic elements, my CPU utilization = 10% When all my graphic elements are displayed : my CPU utilization = 20% When I reduce my windows size : my CPU utilization decrease according to the window size

Кто-нибудь может объяснить, почему? Дай мне совет? Это связано с большим количеством событий JQuery? Любое решение, чтобы шпионить, какая часть моего кода занимает ресурсы процессора?

Любые советы приветствуются!

Edit

Когда я удаляю все события JQuery в моем загруженном представлении (click, mouseover, ...) и все объявления элементов JQueryUI (.draggable (), .droppable ()), загрузка ЦП все еще здесь.

Но имейте в виду, что представление всегда загружается динамически с помощью функции .load (). К вашему сведению, я также попытался загрузить свое представление с помощью $ .post ().

Я попробовал сегодня утром с новой версией JQuery 1.8.0 и JQueryUI 1.8.22, но это ничего не меняет.