Как лучше всего найти причину высокой загрузки процессора в 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.
Думаю, мне не следует использовать индикатор загрузки внутри каждого изображения или удалить фоновое изображение при успешной загрузке изображения ..