Каков наилучший способ найти причину высокого использования javascript в процессоре?
У меня есть script, который просто загружает фотографии из flickr в галерею миниатюр. После того, как они загружены, ничего не делается (ожидая, что вы нажмете их, чтобы отобразить в лайтбокс), но использование процессора все еще составляет 25% и более.
Я открыл firebug, нажал профиль, немного подождал, а затем снова щелкнул его, но в нем говорится: "Нет активности для отчета". Если бы что-то происходило, разве не сообщалось бы? Или я использую этот инструмент неправильно?
Я делаю это после того, как все загружено, просто чтобы узнать, что может вызвать высокий уровень использования процессора.
Спасибо, Wesley
Изменить: похоже, проследить его происхождение.. Это не что-то связанное с 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, который все еще играет, но просто закрыт?
Я не знал, что анимированные gifs отнимают это от процессора? Конечно, он делает это более 20 раз, но все же. Это было то же самое и в сафари/хром.
Я думаю, что я должен либо не использовать индикатор индикатора загрузки внутри каждого изображения, либо удалять фоновое изображение при успешной загрузке изображения.