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

Question

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

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

При просмотре столбцов Инициатор и Размер:

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

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

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

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

Спасибо.

Answer 1

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

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

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

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

Answer 2

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

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

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

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