@hackuun

Возможно ли улучшить рендеринг SVG?

На странице очень много SVG, да к тому же с фильтрами блура. От этого заметны явные глитчи, особенно если быстро скроллить страницу, и особенно на мобильном.

В данный момент SVG вставлены как url() для background-image.

Будет ли какая-то разница если я буду использовать например base64? Или если не буду использовать как бекграунд, а вставлю как svg тэг, Это вообще на что-то повлияет? Что делать?
  • Вопрос задан
  • 500 просмотров
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Гораздо больше влияет оптимальность самого svg. Редакторы типа AI добавляют в код много мусора и не всегда оптимально. Так что предлагаю начать с оптимизации.
Мусор поможет убрать https://jakearchibald.github.io/svgomg/
А вот оптимизация, тут уже ручками надо поработать. Все что повторно используется, должно через use использоваться. Там где нет необходимости масштабирования не масштабируем и т.д.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы