Я провел небольшой тест, используя аддон YSlow от Mozilla.
Без сброса css, jquery / javascript и прочего, я получил результаты
Использование
У меня была эта структура внутри
<div id="wrap">
<img src="images/5.png" alt="" />
</div><!--/wrap-->
и YSlow сказал мне, что страница была загружена за 0,149 с
Использование фона: url ()
Затем я поместил свое изображение в качестве фона на элемент div, называемый «обтекание», и результат оказался немного быстрее, среднее время загрузки составило около 0,125 с.
В этом тесте я использовал изображение в формате png размером 10,5 КБ (200 пикселей x 200 пикселей).
Кстати, вам нужно подумать, когда использовать или когда использовать в теге (например, span / div и т. Д.). Чтобы иметь профессиональную и красивую структуру, вы должны использовать тег только для изображений контента. Самый простой способ увидеть это отключить CSS. Если у вас есть необходимый контент (например, галереи, логотипы, аватары и т. Д.) Без CSS, это означает, что вы выбрали правильный путь.
Бесполезно загружать некоторые вещи, такие как изображения с закругленными углами и другие элементы дизайна, используя теги, не важно, будет ли это немного быстрее. Подумайте, что человек, у которого медленное соединение, возможно, будет использовать версию без css, поэтому для него бесполезно загружать вас небольшим углом коробки. Он хочет видеть контент, а не глупые вещи, когда его пропускная способность медленная и ограниченная.