Как рассчитать использование пропускной способности для Javascript?

Я хочу рассчитать, сколько пропускной способности будет потреблять некоторый код Javascript, основываясь на том, что я вижу в инструментах разработчика Chrome.

Сценарий запускается с помощью однострочного тега Javascript, ссылающегося на внешний файл JS.

Глядя на столбцы инициатора и размера:

Initiator                    Size
-------------------------------------------
Default.aspx                 4.39kb
Parser                       10.54kb

Этот файл Javascript существует на моем сервере, поэтому я хочу рассчитать, какую пропускную способность каждый вызов будет потреблять от моего подключения к серверу (а не там, где находится Default.aspx).

Итак, мой сервер обслуживает .JS на 4,39 КБ - или это потребление полосы пропускания для запроса, а ответ составляет 10,54 КБ?

На что ссылается часть синтаксического анализатора, и можно ли с уверенностью сказать, что общее использование полосы пропускания для обработки ответа на этот запрос составляет 15,47 КБ с моего сервера?

Спасибо.


javascript google-chrome-devtools bandwidth
person ElHaix    schedule 10.02.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

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

Значение "Парсер" для инициатора означает, что анализатор наткнулся на тег <script> и загрузил его (или тег <img>, что угодно). Значение «скрипт» означает, что часть JavaScript потребовала загрузки ресурса (например, установка src из <img/> или через AJAX).

Верхнее значение в столбцах «Размер» — это то, что Chrome называет «Размером», а второе (меньшее/серое) значение — «Содержание». Что это значит, я пытаюсь выяснить.

Это правда, что общее использование полосы пропускания будет суммой некоторых значений из столбца Размер... но я не уверен, является ли это верхним или нижним значением. Это также совершенно не связано с «Инициатором».

person Matt    schedule 10.02.2012

arrow_upward
3
arrow_downward

В столбце инициатор первая строка представляет файл и номер строки, в которой этот запрос был инициирован. Вторая строка представляет тип инициатора. В вашем случае этот запрос был инициирован синтаксическим анализатором HTML при анализе Default.aspx (я думаю, ваш основной документ).

Как видно из заголовка столбца, в столбце размера первая строка представляет размер, то есть размер передачи, а вторая строка представляет размер контента, то есть фактический размер данных ресурса. Ресурсы часто подаются сжатыми, и здесь, вероятно, дело обстоит именно так: размер ответа составил 4,39 КБ, а размер скрипта после распаковки — 10,54 КБ.

Нет никакой информации о размере запроса, но обычно он довольно мал, если вы не загрузили какие-то данные по вашему запросу.

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

person vsevik    schedule 10.02.2012