Как я могу использовать Firebug, чтобы сказать, что вызывает медленную загрузку страниц?
-
05-07-2019 - |
Вопрос
Я работаю над сложной страницей с несколькими сценариями, CSS-файлами, множеством динамически генерируемых HTML, сценариями загрузки сценариев и всевозможными сумасшедшими вещами. Естественно, иногда страница может загружаться довольно медленно. Р>
Мне трудно в реальном времени сказать, что именно тормозит это. Может Firebug " net " вкладка помоги мне с этим? Я посмотрел на "сеть" вкладка, конечно, но кажется, что она показывает только файлы после , которые они загружены. Есть ли другой инструмент, который может мне помочь? Я хочу видеть, что страница все еще загружается, и видеть, что именно загружается. Р>
Строка состояния Firefox сообщает мне немного ... она говорит "В ожидании www.mydomain.net", но она не сообщает мне, какой именно файл его ждет. Я предполагаю, что здесь есть один файл, который является узким местом, который блокирует загрузку всех последующих файлов, но я признаю, что я не очень разбираюсь в том, как браузеры выбирают файлы.
Решение
Лучшая ставка в этом случае - что-то вроде Fiddler (отдельная программа), Данные вскрытия или Живые заголовки (оба плагина Firefox).
Каждый из них позволяет вам видеть HTTP-запросы по мере их поступления. Они дают вам представление в реальном времени о том, что запрашивается, и должны дать вам более полное представление о том, что вешает ваш сайт. Удачи!
Другие советы
Существует плагин YSlow для Firefox, который должен помочь.
На вкладке Консоль - нажмите профиль ... это поможет вам определить, какие функции работают медленно.
Я также очень рекомендую аддон YSlow для Firebug. Это поможет диагностировать множество проблем, начиная от кэширования и gzipping, и заканчивая количеством HTTP-запросов, которые могут замедлять процесс.
Существует также Скорость страницы Google , которая аналогична вещи для YSlow.
Если вы дождетесь окончания загрузки страницы, Firebug покажет вам файл, который занял так много времени на вкладке Сеть.
Я согласен, что для Firebug было бы здорово показать все загружаемые в данный момент файлы.
Нечто сложное обязательно должно иметь место для улучшения. Я не эксперт Firebug, но можете ли вы приостановить выполнение и посмотреть, что он делает и почему? Если вы сделаете это несколько раз, Вы должны быть в состоянии определить затраты времени, которые на самом деле не нужны .