Firefox выборочно не отображает SVG изображения. В чём причина?

Question

[Андрей Сверлин]

Есть страница, на которой сеткой представлены логотипы.
Конструкция такая:

<ul class="clients">
<li><div id="beeline"></div></li>
<li><div id="rustelcom"></div></li>
...
</ul>

Всего 24 логотипа стоят сеткой 6х4.
В css прописаны фоны для этих div'ов. В качестве фонов - svg-файлы.

И всё вроде бы хорошо, всё везде работает. Казалось бы, чему тут не работать? Однако странно себя ведёт Firefox. Он отказывается показывать часть логотипов. Т.е. страница загрузилась он отобразил из 24-х логотипов всего 10, к примеру (причём в хаотичном порядке). Перезагружаем ещё раз - 15 показал (опять в хаотичном порядке). Т.е. нет никакой системы в том, какие лого он загружает, а какие нет. Каждый раз по разному. Каждый раз каких-то лого не хватает, а какие-то загружаются нормально. Я уже с ума схожу пытаясь найти причину такого поведения.

Есть может какой-то способ проверки загрузки или принудительной дозагрузки незагруженных изображений?

Comments

[Moskus]

Смотрите в консоль, проверяйте загрузку через отладчик.

[Андрей Сверлин]

Moskus, да видно, что он какие-то грузит, а какие-то как будто бы не успевает. Почему не догружает - непонятно.

[Moskus]

imhateb, смотрите HTTP-заголовки на те, которые "не успел". Вероятнее всего, с сервером проблемы.

[Андрей Сверлин]

Moskus, у тех что не грузит пишет 509 статус.
Только что с этим делать я не знаю. ((

[Moskus]

imhateb, а это уже вопрос совсем не про Firefox, и уж, тем более, не про CSS, а про ваш хостинг или про ваш сервер-песочницу, о котором вы в своем вопросе не написали вообще ничего.

[Андрей Сверлин]

Moskus, хостинг Hostland. И если причина в нём, то почему в остальных браузерах такой проблемы даже близко нет, а только Firefox выёживается?

[Moskus]

imhateb, а вы смотрели в консоль других browser-ов? С ними может происходить то же самое, только у них может быть более агрессивная стратегия кеширования, так что то, на что прилетает HTTP 509, они тупо берут из кэша. Также возможна разница в настройке максимального числа одновременных соединений с сервером.
Наберите в адресной строке Firefox about:config а потом, в фильтре - connections. Сделайте скриншот, чтобы было видно имена параметров и значения, покажите, что у вас там.

[Андрей Сверлин]

Moskus, Вот

[Moskus]

Андрей Сверлин, ничего ужасного не вижу. Продолжайте копать в сторону разницы между max connections для разных browser-ов и того, что у других - в консоли.

Answer 1

[Troodi Larson]

Покажите где это можно проверить.

Comments

[Troodi Larson]

У меня нормально Firefox всё отобразил.

[Андрей Сверлин]

Troodi Larson, ну у меня видишь как (прикрепил картинку к вопросу). И каждый раз по разному. Не хотелось бы что бы так же было у клиента или у посетителя... Надо разобраться в причине такого поведения.

[Troodi Larson]

Ну посмотри консоль браузера, может там что скажет.

[Андрей Сверлин]

Troodi Larson, вот что показывает:
Те запросы что не загрузились он вообще как картинку не определяет. Грузит HTML код какой-то. У тех, что загружены, в "нагрузке ответа" - картинка.

[Алексей Бурлака]

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

[Troodi Larson]

Попробуй динамически с помощью jquery добавлять картинки.

[Алексей Бурлака]

Почему вас не смущает статус ошибки 509?
А если простыню из свг высадить на страницу — откроет?

[Андрей Сверлин]

Troodi Larson, возможно поможет, но хотелось бы более изящное решение, и вообще хочется разобраться в причине этой ситуации. В поддержку хостинга уже написал, может реально причина в них. Если разобраться не получится буду добавлять динамически.

[Андрей Сверлин]

Алексей Бурлака, меня смущает ошибка 509. Но я не могу понять чем она вызвана и как её избежать.

Простыню из свг это как? Просто тупо картинки друг за другом?
Я в начальных попытках решить эту проблему добавил блок для "предзагрузки" всех изображений - в начале документа загружал картинки тегами вне видимости экрана. Результат в Firefoxe не изменился. Тогда я сделал этот блок предзагрузки видимым, чтобы увидеть, загружаются ли эти логотипы в нём. Нифига. И там и там не грузятся те или иные лого...

[Алексей Бурлака]

>>> Простыню из свг это как? Просто тупо картинки друг за другом?
===
Да. По идее будет та же картина.
Ну очень плохоже на капризы настроек сервера.
И статус ошибки (формулировка) не соответствует спецификации.