Вызывают ли изображения, внедренные в CSS в base64, запрос к серверу?

Question

[Сергей]

Добрый день, вставил картинки в CSS в base64, в надежде, что за счёт этого не будет лишнего запроса к серверу за картиной, но инструмент https://tools.pingdom.com показывает, что запрос таки есть. В чём может быть проблема, где мой косяк?

Answer 1

[Moskus]

Ваша проблема в том, что вы неправильно интерпретируете этот отчёт. Он показывает вам, что с сервера запрашивается 0 байт и это занимает 0 секунд времени. (А еще напротив изображений в data:image нет выпадающего меню, где показывается дополнительная информация о запросе.) То есть с сервера ничего не запрашивается.

Comments

[Сергей]

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

[Moskus]

1Sergey1, я вам уже объяснил. Они отображаются в списке, но это не список запросов. Разработчик употребил неудачный термин. Не стоит думать, что всякие SEO-тесты - идеальны. Google Page Speed тоже много ерунды пишет.
Не может внедрённое изображение создавать запрос ни при каких условиях: там даже URL нет.

Answer 2

[SagePtr]

Запрос к серверу не вызывают, но место занимают на 33% больше, чем исходные (засчёт кодирования в base64, где каждые 3 байта заменяются на 4 ascii-символа).
И помимо этого - в кэш они по-отдельности не записываются (только вместе с документом, в котором они располагаются).
Честно говоря, не очень понимаю, зачем сеошники так рвутся сокращать число HTTP-запросов, если сервера и браузер давно умеют keep-alive, позволяющий использовать одно HTTP-соединение на множество запросов.