Высокая загрузка процессора javascript - Как отлаживать?

Как лучше всего найти причину высокой загрузки процессора в javascript?

У меня есть сценарий, который просто загружает фотографии с flickr в галерею эскизов . После загрузки ничего не делается (ждет, пока вы нажмете на них, чтобы отобразить их в лайтбоксе), но загрузка процессора по-прежнему составляет 25% или больше.

Я открыл firebug, щелкнул профиль, подождал bit, затем снова щелкнул по нему, но он говорит: «Нет активности, о которой нужно сообщить». Если что-то происходит, разве он не сообщает? Или я неправильно использую этот инструмент?

Я делаю это после того, как все загружено, просто чтобы узнать, что может быть причиной такой высокой загрузки процессора.

Спасибо, Уэсли

Править: Кажется, удалось отследить его происхождение ... Это не связано ни с каким JS, а с CSS!

Проблема в следующем:

У меня есть галерея миниатюр, я показываю индикатор загрузки вместо миниатюры во время загрузки изображения:

.thumbnail img {
   display:block;
   background-image: url("/images/ajax-loader.gif");
   background-position: center center; 
   background-repeat:no-repeat;
   overflow:hidden;
   color:white;
}

Если я удалю этот код, использование процессора снизится до 0,03% или что-то в этом роде ... вместо 20% ... Это из-за анимированного gif, который все еще воспроизводится, но только что скрыт?

Я не знал, что анимированные гифки так сильно берут у процессора? Конечно, это происходит более 20 раз, но все же. То же самое было и в safari / chrome.

Думаю, мне не следует использовать индикатор загрузки внутри каждого изображения или удалить фоновое изображение при успешной загрузке изображения ..

24
задан Wesley 23 July 2011 в 12:20
поделиться