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

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

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

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

Ответы [ 6 ]

5 голосов
/ 11 сентября 2009

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

4 голосов
/ 11 сентября 2009

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

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

3 голосов
/ 11 сентября 2009

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

2 голосов
/ 21 сентября 2009

Лучшей ставкой в ​​этом случае будет что-то вроде Fiddler (отдельная программа), Tamper Data или Live Headers (оба плагина Firefox) ,

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

0 голосов
/ 21 сентября 2009

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

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

0 голосов
/ 11 сентября 2009

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

...