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

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

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

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

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


language-agnostic
person Cracker    schedule 26.02.2010    source источник
comment
Нарежьте их, а затем спрайт. У вас по-прежнему остается одно изображение, но оно может растягиваться до любой ширины, которая вам нужна.   -  person Quentin    schedule 26.02.2010

Ответы (2)


arrow_upward
0
arrow_downward

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

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

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

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

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

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

person Hassan Syed    schedule 26.02.2010
comment
Только Opera выполняет конвейерную обработку. Сведение к минимуму HTTP-запросов - хорошая стратегия. Ему поможет кеширование и включение повторного использования соединения. - person EricLaw; 26.02.2010

arrow_upward
1
arrow_downward

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

person Paul    schedule 26.02.2010