Как я могу использовать Firebug, чтобы узнать, что вызывает медленную загрузку страниц?

Я работаю над сложной страницей с несколькими сценариями, файлами CSS, большим количеством динамически генерируемого HTML, сценариями, загружающими сценарии, и всевозможными сумасшедшими вещами. Естественно, иногда страница может загружаться довольно медленно.

Мне трудно сказать в режиме реального времени, что именно замедляет его. Может ли вкладка "net" Firebug помочь мне с этим? Я, конечно, посмотрел на вкладку "net", но кажется, что она показывает файлы только после их загрузки. Есть ли другой инструмент, который может мне помочь? Я хочу видеть, что страница все еще загружается, и видеть, что именно все еще загружается.

Строка состояния FireFox кое-что сообщает мне... она говорит: «Ожидание www.mydomain.net», но не говорит мне, какой именно файл она ожидает. Я предполагаю, что здесь есть единственный файл, который является узким местом, который блокирует загрузку всех последующих файлов, но я признаю, что не так много знаю о том, как браузеры извлекают файлы.


browser performance firebug
person morgancodes    schedule 10.09.2009    source источник

Ответы (6)


arrow_upward
2
arrow_downward

В этом случае лучше всего подойдет что-то вроде Fiddler (автономная программа), Подделка данных или Живые заголовки (оба плагина Firefox).

Каждый из них позволяет вам видеть HTTP-запросы по мере их поступления. Они дают вам представление о том, что запрашивается, в режиме реального времени и должны дать вам больше информации о том, что зависает на вашем сайте. Удачи!

person Sean Vieira    schedule 21.09.2009
comment
я попробовал скрипача. мило. отслеживает все http-запросы. это просто слишком много данных. :D - person mars-o; 27.06.2013

arrow_upward
5
arrow_downward

Существует плагин под названием YSlow для Firefox, который должен помочь.

person D'Arcy Rittich    schedule 11.09.2009
comment
YSlow великолепен, но похоже, что его нельзя запустить, пока страница не загрузится. Моя проблема в том, что моя страница висит, и я хочу посмотреть, что ее держит. - person morgancodes; 14.09.2009

arrow_upward
4
arrow_downward

На вкладке Консоль – щелкните профиль... это поможет вам определить, какие функции работают медленно.

Я также настоятельно рекомендую аддон YSlow для Firebug. Это поможет диагностировать множество проблем, от кэширования и сжатия до количества HTTP-запросов, которые могут замедлять работу.

person scunliffe    schedule 11.09.2009
comment
я попытался нажать «Профиль» в firebug, и он перезапустил мой firefox. как я могу отлаживать? :( - person mars-o; 27.06.2013

arrow_upward
3
arrow_downward

Существует также Google Page Speed, который делает то же самое, что и YSlow. .

person George V. Reilly    schedule 11.09.2009

arrow_upward
0
arrow_downward

Если вы подождете, пока страница загрузится, Firebug покажет вам файл, который занял так много времени, на вкладке «Сеть».

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

person Zan Lynx    schedule 21.09.2009

arrow_upward
-1
arrow_downward

Что-то сложное обязательно найдет место для улучшения. Я не эксперт по Firebug, но можете ли вы приостановить выполнение и посмотреть, что он делает и почему? Если вы сделаете это несколько раз, вы должны уметь определять затраты времени, которые на самом деле не нужны.

person Mike Dunlavey    schedule 11.09.2009