профилировщик для отображения статистики визуализации для веб-страницы? - PullRequest
0 голосов
/ 07 июня 2011

Я использую модуль contrib drupal, который подключается к форме. Его присутствие, по-видимому, приводит к неоправданно медленному рендерингу jquery, но я не совсем уверен в этом .. Я хочу сделать несколько дополнительных действий по устранению неполадок, и я ищу инструмент, такой как xdebug, который даст мне выходной файл что я могу просматривать с KCacheGrind.

Я смотрел на Venkman и Firebug, но мне не нужна среда отладки; Я еще не на этом этапе. Я хочу посмотреть профиль загрузки страницы, чтобы увидеть, где было потрачено большинство времени, и определить, в чем проблема.

Редактировать: Я на самом деле не ищу профиль загрузки страницы, как указали несколько людей, а на самом деле профиль javascript, выполняемый для определенного события. Отладчик Firebug может захватить выполнение и ввести меня в код, но он просто помещает меня в один момент в сценарии большого старого. Я думаю, что замедление включает в себя циклы и итерации, поэтому я хочу увидеть профиль пути выполнения.

На самом деле я думаю, что я должен опубликовать это как отдельный вопрос.

Ответы [ 3 ]

1 голос
/ 07 июня 2011

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

Обновление

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

Нажмите «Профиль» и перезагрузите страницу. Снова нажмите «Профиль», чтобы увидеть список всего, что сделал JavaScript, с информацией о продолжительности и времени. Это должно показать вам, что занимает больше всего времени.

0 голосов
/ 07 июня 2011

В закладке консоли есть профилировщик в firebug.Нажмите один раз, чтобы начать, и второй, чтобы остановить профилировщик.Chrome также имеет профилировщик пресса ⌘⌥j.Существует также хороший инструмент профилирования для Internet Explorer: dynaTrace ajax editon .

Кстати.в большинстве случаев jquery медленный, зависит от неправильного использования механизма выбора.

0 голосов
/ 07 июня 2011

В инструментах разработчика Chrome есть профилировщик javascript, который будет профилировать все вызовы функций на вашей странице. Функция временной шкалы (может быть только в бета-версии / версии) покажет, сколько времени браузер тратит на различные операции (например, макет и рендеринг).

Я считаю, что у firebug также есть JS-профилировщик.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...