Почему из-за фонового изображения фризит страницу?

Question

[tototo]

На всю страницу от шапки до подвала установлено фоновое изображение. Файл в SVG формате, вес файла 7КБ, время загрузки файла 50мс, а сама страница загружается в среднем 2 секунды и саму страницу фризит. Без бэкграунда загрузка страницы ~500мс
Подскажите пожалуйста в чем проблема может быть?

Comments

[Froggyweb]

фоновое изображение не может останавливать загрузку станицы.

[tototo]

Froggyweb, Проблема именно в изображение! Я отключал все скрипты, с сервера на эту страницу никакие данные не отправляю, из контента на странице только форма из 6 полей, но стоит только убрать background-image, так сразу же все отлично работает

[Froggyweb]

tototo, можно пример на страницу?
отрисовка svg может занимать время, но это не значит что вся страница не загрузилась

[tototo]

Froggyweb,

[Froggyweb]

tototo, загрузилось моментально :)

[Анатолий Куликов]

как вариант, там на изображении могли быть блюры

[Модератор]

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

Answer 1

[tototo]

Проблема была в формате изображения! Конвертировал SVG в JPG и загрузка страницы с 2сек снизилась до 400мс и пропали фризы.

Comments

[Михаил]

Странно, как это вообще так вышло? Почему 7кб SVG так сильно замедляли загрузку страницы, а конвертирование SVG в JPG решило эту проблему? Вы точно уверены что проблема была именно в SVG? Фоновое изображение в JPG формате не будет таким же гибким и масштабируемым, как SVG. Удивительно)

[SymphoGraph]

А можно его посмотреть? (Точнее, почитать.)
У меня академический интерес.