Как я могу определить горлышко бутылки при загрузке страницы?

Question

У меня есть страница, которая использует пользовательский интерфейс jQuery и вызывает средство выбора даты в 2 разных текстовых полях. Без звонков, т.е. просто загружая страницу без привязки даты, страница загружается за 1,20 секунды. С прикрепленными датчиками страница загружается за 3,92 секунды. (это в Firefox)

Как мне увеличить скорость? Судя по сетевому графику в Firebug, это не проблема сети, но, похоже, она встраивается в приложения datepicker Есть ли способ ускорить это?

Кроме того, поведение наблюдается только в Firefox 3.0.11. Chrome работает быстро и быстро, как и IE7.

Answer 1

Попробуйте запустить Профилировщик кода Firebug , чтобы увидеть, какие функции мешают работе. По сути, нажмите кнопку «Профиль», обновите страницу, дайте ей загрузиться, затем снова нажмите кнопку «Профиль», чтобы получить информацию о том, что потребляет больше всего ресурсов или занимает больше всего времени.

Профилировщик должен дать вам представление о том, что происходит вместе: в вашем коде или в jQuery UI.

В более общем смысле, убедитесь, что вы используете эффективные селекторы, чтобы выбрать элементы, к которым привязываются ваши датеры. Кроме того, возможно ли, что средства выбора даты внедряют что-то в DOM (таблицу стилей, изображения и т. Д.), Что является узким местом (давно, с тех пор как я использовал средство выбора даты jQuery UI, так что это может не быть проблемой)

Answer 2

dfa было правильно в комментариях к моему основному посту. Проблема была в Firebug. Я думаю, что это просто не очень хорошо с загрузкой DatePicker. После выключения firebug время загрузки страницы составило около 0,5 секунды, именно там, где и должно быть.

Answer 3

Используйте плагины FireBug и YSlow для FireFox. Первый позволяет выполнять синхронизацию и ведение журнала, а второй содержит список правил и дает предложения относительно того, что настраивать.

Answer 4

Я предлагаю взглянуть по этой ссылке: http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/. Там вы найдете ссылку на http://tools.pingdom.com/, которая поможет вам определить проблемы с загрузкой страницы. Попробуйте две версии своей страницы и посмотрите, что этот инструмент открывает для вас.