Пробелы в графике водопада FireBug - PullRequest
Новая
       2

Пробелы в графике водопада FireBug

23 голосов
/ 14 февраля 2011

При тестировании производительности различных веб-страниц в моем веб-приложении я заметил, что есть некоторые пробелы во вкладке net (диаграмма водопада) в firebug.В некоторых случаях это может занять половину времени для всего запроса.

Что обычно вызывает эти пробелы и как их можно устранить?

enter image description here

Ответы [ 3 ]

15 голосов
/ 11 ноября 2011

Ян Одварко, который работал над Firebug, сам объясняет это здесь:

http://www.softwareishard.com/blog/firebug/firebug-net-panel-timings/

Он упоминает пробелы в комментарии № 18:

"Эти пробелы представляют времякогда никаких запросов не происходит, это может быть связано, например, с выполнением JavaScript на странице, которое блокирует загрузку страницы или рендеринг страницы, разрешение CSS и т. д. "

13 голосов
/ 18 февраля 2011

Основная причина, по которой это происходит, - для файлов, загружаемых скриптами и файлами CSS.

  • Например: CSS, фоновые изображения не начнут загружаться до небольшой задержки послеЗагружается файл CSS, который ссылается на них.

  • Многие библиотеки JS также загружают изображения, CSS и / или другие файлы.Эти загрузки не начнутся до тех пор, пока не будет загружен вызывающий JS, плюс небольшая задержка обработки.

  • Библиотеки или встроенные JS также могут запускать нагрузки при событии DOMContentLoaded (фиолетовая линия) или событие load (красная линия).

  • Наконец, очевидно, JS может выполнять AJAX, который запускается после любого типа задержек / интервалов.

1 голос
/ 14 февраля 2011

Наиболее очевидная причина, о которой я могу подумать (кроме ошибки в Firebug), заключается в том, что у вас включен фильтр, показывающий только подмножество запросов.Например, вы можете показывать только файлы Javascript и т. Д.

Ваш снимок экрана не включает фильтры или имена файлов, поэтому я не могу сказать это точно, но это кажется самым очевидным ответом.

Сразу над панелью на вашем скриншоте находится блок фильтров.Убедитесь, что у вас выбрана опция «Все».Если у вас есть что-то еще, то следует ожидать пробелов.

Другая причина будет, если у вас есть некоторые элементы страницы, выбираемые отдельно от начальной загрузки, например, через Ajax или отложенную загрузку.Они могут быть загружены очень скоро после загрузки страницы, но не сразу, что приведет к пробелам в вашей временной шкале.

Надеюсь, это поможет.

...