SVG спрайт — у меня 16 иконок на 300 строк кода. Это нормально столько кода грузить в head?

Question

[Сергей Сергеевич]

Пробую svg спрайты на вкус и возникли вопросы.
Как поисковики будут реагировать на то, что я в head вставлю 300 строк кода svg спрайта? Если какие то элегантные способы решения этой проблемы? Цвет менять не собираюсь, но размер нужно менять в зависимости от страницы.

Answer 1

[Максим Гатилин]

А можно использовать кеширование в localStorage. О том, как сделать спрайт и закешировать его я написал в статье Как мы используем SVG-спрайты

Answer 2

[Adamos]

Триста строк иконок на каждой странице? Конечно, ненормально!
Грузите файл и масштабируйте на странице.

Comments

[Сергей Сергеевич]

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

[Adamos]

SergeyKisliy: никогда не работал с SVG-иконками, но мне казалось, что они представлены именованными объектами внутри большого файла и к ним обращаются имя_файла#имя_иконки.
На этом отличия вроде бы должны заканчиваться.

[Сергей Сергеевич]

Все верно. Но если обращаться к внешнему файлу, то проблемы с ie 9-11. А если его загрузить в документ, то получается 300 строк кода, о чем собственно и есть этот вопрос.

[Adamos]

SergeyKisliy: Затрудняюсь что-то решать по этому поводу, я всегда работал с SVG с помощью jQuery SVG, проблем с браузерами не знал.
В вашем случае я бы, пожалуй, посмотрел, как с SVG-иконками работают серьезные сайты типа StackOverflow и от этого плясал.