На сайте есть иконки формата svg количеством около 100 штук на страницу. Окно браузера тормозит при скролле (в основном на Chrome). При этом если поставить png, страница работает идеально. Проект собираю на Vue JS. Оптимизировал и сжал разными способами и на разных сервисах. Как можно оптимизировать svg.
Svg можно сжать(гугол в помощь).
Но если там сто штук на одной странице, то скорее всего надо вставлять хотя бы какую-то часть в том же png.
Короче, ты сам на свой вопрос ответил.
согласен с вами
svg требует дополнительной обработки, т.е. если его слишком много браузер замучается его обрабатывать
Если без svg никак, то может лучше все иконки объединить в один файл https://snipp.ru/html-css/svg-sprite
Средний
