Как рассчитать накладные расходы веб-запроса?

Question

Предположим, на сайте есть модная кнопка. И дизайн кнопки таков, что ее части можно разрезать и применять в качестве повторяющегося фона.

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

Руководитель моей команды сказал мне не разрезать изображения. Если вы разделите кнопку на три части, будет три веб-запроса. И это замедлит работу сайта.

Мне трудно поверить, что затраты на три запроса превысят использование всего изображения. Поэтому я просто хочу узнать, как рассчитать количество байтов, переданных за веб-запрос.

Answer 1

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

Answer 2

Если вы многократно используете три изображения на сайте, вы сохраните запросы и пропускную способность (ваша внутренняя реакция). Тем не менее, три изображения должны быть извлечены изначально, поэтому вы должны использовать их повторно.

Суть заключается в следующем: из-за конвейерной передачи HTTP издержки в значительной степени незначительны (особенно если учесть, что это HTTP - протокол на основе строк). Вероятно, три загружаемых изображения имеют ту же задержку, что и одно изображение.

- редактировать: после комментария от Эрикла -

Конвейерная обработка действительно широко не поддерживается. Однако это не означает, что вы не выиграете от трех изображений. Просто убедитесь, что вы повторно используете их ЛОТ по всему сайту.

- редактировать -

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