Как я могу эффективно обрабатывать сложные SVG в CSS и уменьшить размер файла CSS для лучшей производительности? ⇐ Html

[Anonymous]

Я сейчас работаю над крупным проектом веб -сайта и сталкиваюсь с несколькими сложными SVG, которые необходимо использовать на протяжении всего сайта. Эти SVG содержат большое количество элементов, которые раздували HTML при непосредственной близости. Несмотря на то, что это помогло со структурой, это значительно увеличило размер моих файлов CSS, повышая проблемы с производительностью. < /P>
background-image: url("data:image/svg+xml, & l t ; s v g x m l n s = ' h t t p : / / w w w . w 3 . o r g / 2 0 0 0 / s v g ' f i l l = ' n o n e ' x m l n s : v = ' h t t p s : / / v e c t a . i o / n a n o ' & g t ; & l t ; p a t h d = ' M 1 7 . 7 8 8 1 5 . 6 1 1 v 1 6 . 8 8 2 c 2 . 2 7 5 - 1 . 2 3 6 3 . 8 6 9 - 3 . 3 7 5 4 . 6 4 4 - 5 . 7 9 5 l . 1 7 9 . 0 9 4 c - . 5 0 3 6 . 0 2 5 - 4 . 6 0 2 1 2 . 0 4 1 - 1 0 . 9 8 5 1 2 . 0 4 1 S . 4 7 1 3 4 . 0 4 4 . 4 7 1 2 6 . 3 7 4 c 0 - 5 . 7 5 2 3 . 7 3 3 - 9 . 3 5 7 8 . 5 2 2 - 1 2 . 5 9 5 - . 6 9 9 - . 1 8 7 - 1 . 4 2 3 - . 2 7 3 - 2 . 1 3 9 - . 2 7 3 - 3 . 2 8 1 0 - 5 . 1 9 8 2 . 2 3 3 - 5 . 1 9 8 4 . 5 1 7 h - . 2 7 3 c - . 0 4 3 - . 3 1 5 - . 0 4 3 - . 6 3 9 - . 0 4 3 - . 9 5 4 0 - 4 . 0 5 6 2 . 1 3 9 - 8 . 9 9 1 7 . 3 3 7 - 8 . 9 9 1 3 . 3 2 4 0 5 . 8 8 3 . 0 5 9 9 . 7 4 9 3 . 0 5 9 1 . 5 5 1 0 3 . 4 6 - . 7 3 3 4 . 2 3 5 - 2 . 4 2 h . 1 3 6 c - . 0 4 3 2 . 9 6 6 - . 9 5 4 6 . 0 2 5 - 5 . 0 1 1 6 . 8 9 4 z m 2 . 4 6 3 1 7 . 2 9 1 c - 2 . 2 7 5 2 . 4 2 - 4 . 7 3 8 4 . 4 7 4 - 7 . 9 2 5 4 . 4 7 4 - 5 . 9 2 3 0 - 1 0 . 4 8 2 - 4 . 6 5 3 - 1 0 . 4 8 2 - 1 1 . 4 1 1 0 - 3 . 9 7 1 1 . 6 3 6 - 6 . 1 1 3 . 4 6 - 8 . 6 2 4 h - . 1 7 9 c - 1 . 1 4 2 1 . 1 4 2 - 4 . 1 5 4 . 0 1 4 - 4 . 1 5 8 . 8 9 7 0 7 . 4 8 2 4 . 6 9 6 1 2 . 0 9 3 1 0 . 8 4 8 1 2 . 0 9 3 4 . 2 8 6 0 7 . 2 0 1 - 2 . 9 6 6 8 . 5 2 2 - 5 . 3 8 6 l - . 0 9 4 - . 0 4 3 z m 1 . 8 1 5 - 2 2 . 1 2 3 c - . 7 7 6 1 . 4 5 7 - 2 . 4 1 2 3 . 3 3 2 - 5 . 7 4 4 3 . 3 3 2 s - 6 . 3 8 3 - 2 . 2 8 4 - 9 . 0 6 7 - 2 . 2 8 4 c - 2 . 4 6 3 0 - 4 . 1 5 1 . 6 4 5 - 4 . 7 8 1 2 . 8 7 2 l . 0 4 3 . 0 9 4 c . 8 6 9 - . 8 6 9 2 . 1 9 - 1 . 7 3 4 . 3 2 9 - 1 . 7 3 3 . 5 5 4 0 5 . 8 2 9 2 . 1 9 9 . 4 3 4 2 . 1 9 3 . 8 2 6 0 5 . 5 5 6 - 2 . 5 1 4 5 . 8 8 - 4 . 4 2 3 l - . 0 9 4 - . 0 4 3 v - . 0 0 9 z M 9 . 4 0 2 1 3 . 9 2 4 c - 2 . 3 2 6 2 . 4 2 - 4 . 4 6 5 5 . 0 6 2 - 4 . 4 6 5 1 0 . 2 1 8 0 2 . 8 2 9 . 9 5 4 5 . 7 5 2 3 . 1 0 2 7 . 5 7 6 l 1 . 3 2 1 - . 6 8 2 V 1 8 . 8 0 7 l - 1 . 2 2 7 . 6 3 9 - . 2 3 - . 4 6 6 . 3 8 3 - 3 . 4 6 8 c - 1 . 7 3 - . 3 6 6 - 3 . 2 8 1 - 1 . 1 4 2 - 4 . 8 7 5 - 1 . 5 9 4 h - . 0 0 9 z m 7 . 8 8 3 1 . 7 8 1 c - . 3 1 5 . 0 4 3 - . 6 3 9 . 0 4 3 - 1 . 0 0 6 . 0 4 3 - . 6 3 9 0 - 1 . 2 2 7 - . 0 4 3 - 1 . 8 2 4 - . 1 7 9 v 1 3 . 3 2 L 8 . 4 9 3 2 . 1 2 6 c 1 . 2 2 7 . 9 1 2 2 . 7 3 6 1 . 4 5 7 4 . 6 4 4 1 . 4 5 7 1 . 5 5 1 0 2 . 9 1 4 - . 3 1 5 4 . 1 5 - . 8 6 9 V 1 5 . 6 9 6 v . 0 0 9 z m - 6 . 5 6 2 2 . 3 2 6 l - . 8 6 9 . 5 0 3 v 1 2 . 2 2 9 l . 8 6 9 - . 4 6 V 1 8 . 0 3 1 z m 2 6 . 2 0 5 1 . 7 3 v 1 5 . 7 8 3 c 0 4 . 3 8 - 3 . 8 6 9 7 . 3 4 6 - 8 . 1 9 8 8 . 2 1 5 l - . 0 9 4 - . 1 7 9 c 2 . 1 3 9 - 1 . 0 4 8 3 . 3 7 5 - 3 . 1 9 6 3 . 3 7 5 - 5 . 4 7 1 V 2 1 . 7 7 2 l - 2 . 4 6 3 - 2 . 2 3 3 - . 9 5 4 1 . 0 4 8 V 3 3 . 3 2 l 1 . 3 6 4 1 . 2 3 6 v . 0 9 4 l - 3 . 6 9 4 . 0 1 4 - 4 . 2 3 5 - 3 . 8 7 7 v - . 1 7 9 l 1 . 6 3 6 - 1 . 7 3 V 1 2 . 6 8 8 L 2 8 . 5 7 . 5 3 2 l . 0 9 4 . 0 4 3 v 1 2 . 2 2 9 l 3 . 9 6 3 - 4 . 2 8 6 4 . 1 5 3 . 7 4 1 . 7 7 6 - . 8 1 8 . 3 6 6 . 3 2 4 - . 9 1 2 1 . 0 0 6 - . 0 0 8 - . 0 0 9 z M 2 4 . 1 6 2 3 4 . 6 8 3 v - . 0 9 4 l . 9 5 4 - . 9 5 4 V 1 1 . 9 1 3 l - . 9 5 4 1 . 0 0 5 v 2 0 . 2 5 7 l - 1 . 4 5 7 1 . 4 5 7 v . 0 9 4 l 3 . 5 5 4 3 . 1 9 6 . 6 3 9 - . 7 3 3 - 2 . 7 3 6 - 2 . 5 0 5 z m 9 . 2 9 7 - 1 3 . 6 4 4 l - 2 . 9 6 6 - 2 . 5 5 7 - . 6 3 9 . 6 8 2 2 . 6 4 2 2 . 3 6 9 v 1 6 . 4 2 2 c 0 1 . 0 9 1 - . 2 3 2 . 2 3 3 - . 6 3 9 2 . 8 7 2 l . 0 4 3 . 0 4 3 c 1 . 1 4 2 - . 8 1 8 1 . 5 5 1 - 2 . 0 5 4 1 . 5 5 1 - 3 . 6 4 7 v - 1 6 . 2 l . 0 0 9 . 0 1 7 z m 1 0 . 7 1 2 7 . 8 9 1 v 2 . 3 2 6 l 4 . 4 2 3 3 . 4 6 8 2 . 5 4 8 - 2 . 7 3 5 . 3 6 6 . 3 6 6 - 5 . 9 2 3 6 . 3 4 - 6 . 0 1 6 - 4 . 8 3 2 - . 9 1 2 . 9 5 4 - . 3 6 6 - . 3 6 6 1 . 0 4 8 - 1 . 0 9 1 V 2 1 . 8 2 3 l 8 . 6 1 6 - 6 . 2 9 8 4 . 5 0 8 7 . 3 0 3 - 8 . 2 9 2 6 . 1 1 v - . 0 0 8 z m - 3 . 3 7 5 4 . 0 1 4 v - 1 1 . 5 9 l - . 9 5 4 . 6 8 2 v 1 1 . 3 6 l 5 . 6 5 4 . 6 1 . 7 3 3 - . 7 7 6 - 5 . 4 2 - 4 . 2 8 7 h - . 0 0 9 z m 3 . 4 6 - 1 4 . 0 5 3 l - . 0 9 4 . 0 4 3 v 9 . 3 5 7 l 4 . 0 5 6 - 2 . 9 6 6 - 3 . 9 6 3 - 6 . 4 3 4 z m 1 . 1 8 5 - . 9 1 2 l - . 8 1 8 . 5 9 6 4 . 0 1 4 6 . 4 3 4 . 8 1 8 - . 5 9 6 - 4 . 0 1 4 - 6 . 4 3 4 z m 3 6 . 7 2 1 2 0 . 6 7 4 l - 6 . 3 3 2 - 5 . 4 7 1 - 4 . 8 3 2 5 . 4 7 1 - 6 . 5 6 2 - 5 . 6 5 9 v - 8 . 9 3 9 h - 1 . 2 7 8 c - 1 . 1 4 2 0 - 1 . 7 3 . 7 3 3 - 2 . 0 0 3 1 . 5 9 4 h - . 1 3 6 c - . 1 4 5 - . 5 6 2 - . 2 2 2 - 1 . 1 5 - . 2 3 - 1 . 7 3 0 - 1 . 1 8 4 . 3 1 5 - 4 . 2 8 6 3 . 6 4 7 - 4 . 2 8 6 v - 7 . 8 4 9 c 0 - 1 . 5 0 8 - 1 . 7 8 1 - 2 . 0 9 6 - 1 . 7 8 1 - 4 . 1 0 8 0 - 2 . 5 9 9 2 . 4 6 3 - 5 . 1 5 6 6 . 9 7 1 - 6 . 7 4 9 l . 1 7 9 . 1 3 6 c - 1 . 6 3 6 . 9 5 4 - 2 . 5 0 6 1 . 8 7 5 - 2 . 5 0 6 3 . 8 3 5 0 3 . 0 0 8 2 . 9 1 5 2 . 2 3 3 2 . 9 1 5 6 . 9 7 9 v 1 . 8 2 4 l 5 . 3 3 5 - 5 . 6 1 6 5 . 6 0 7 5 . 5 2 2 5 . 2 8 4 - 5 . 5 2 2 5 . 1 0 5 5 . 0 1 9 v 1 6 . 8 8 2 l - 9 . 3 8 3 8 . 6 6 7 z m - 1 6 . 2 6 8 - 6 . 3 9 1 v - 9 . 6 3 h - 2 . 5 4 8 c - 1 . 3 2 1 0 - 1 . 9 1 7 . 8 6 9 - 2 . 0 0 3 1 . 6 4 5 l . 0 4 3 . 0 4 3 c . 4 5 2 - . 5 0 3 . 9 1 2 - . 7 7 5 1 . 9 6 - . 7 7 5 h 1 . 5 9 4 v 9 . 2 1 2 l 6 . 0 1 6 5 . 1 9 8 . 6 8 2 - . 8 1 8 - 5 . 7 4 4 - 4 . 8 8 3 v . 0 0 9 z m 0 - 2 0 . 9 3 8 c 0 - 1 . 8 6 6 - 1 . 6 3 6 - 2 . 5 0 5 - 1 . 6 3 6 - 3 . 6 9 9 0 - 1 . 6 4 5 . 6 3 9 - 3 . 0 0 8 1 . 6 3 6 - 4 . 2 8 7 l - . 0 9 4 - . 0 4 3 c - 1 . 3 6 4 1 . 0 4 8 - 2 . 6 4 2 2 . 7 3 6 - 2 . 6 4 2 4 . 3 8 s 1 . 7 8 1 2 . 4 2 1 . 7 8 1 3 . 8 7 7 v 8 . 0 7 9 h . 9 5 4 v - 8 . 3 0 9 z m 9 . 6 2 1 4 . 5 5 9 l - 3 . 4 6 - 3 . 3 7 5 - 1 . 8 2 4 1 . 8 6 6 v 1 6 . 1 4 9 l 4 . 1 5 3 . 5 1 1 1 . 1 4 2 - 1 . 2 7 8 V 1 5 . 8 7 5 l - . 0 0 9 . 0 0 9 z m 1 . 4 5 7 1 6 . 2 8 5 V 1 5 . 2 4 5 l - 3 . 8 6 9 - 3 . 8 3 5 - . 7 3 3 . 7 3 3 3 . 6 4 7 3 . 5 1 1 v 1 7 . 0 1 8 l 6 . 1 5 3 5 . 3 3 5 . 7 3 3 - . 6 8 2 - 5 . 9 2 3 - 5 . 1 5 6 h - . 0 0 8 z m 8 . 8 3 7 - 1 6 . 8 7 3 l - 2 . 8 7 2 - 2 . 7 3 6 - 1 . 6 3 6 1 . 6 8 7 V 3 0 . 4 9 l 4 . 4 6 6 3 . 9 2 . 0 4 3 - . 0 4 3 V 1 5 . 2 9 6 z m 1 . 4 5 7 - . 6 3 9 l - 3 . 3 2 3 - 3 . 2 3 8 - . 6 8 2 . 7 3 3 3 . 0 5 1 2 . 9 2 3 v 1 9 . 0 7 2 l . 9 5 4 - . 9 1 2 V 1 4 . 6 6 5 v - . 0 0 8 z m 1 9 . 3 6 1 2 3 . 9 9 8 l - 4 . 3 2 9 - 3 . 9 2 - 3 . 8 6 9 3 . 9 2 - 4 . 7 3 8 - 4 . 2 0 1 - . 6 3 9 . 6 8 2 - . 3 6 6 - . 3 6 6 . 8 1 8 - . 8 6 9 V 2 1 . 6 7 l 8 . 5 6 4 - 6 . 2 0 4 4 . 9 1 7 3 . 8 3 5 . 8 7 - . 9 1 2 . 3 6 6 . 3 6 6 - 1 . 0 0 5 1 . 0 4 8 v 1 2 . 6 3 8 l 2 . 4 1 1 2 . 2 3 3 . 7 7 6 - . 8 1 8 . 3 6 6 . 3 1 5 - 4 . 1 5 4 . 4 7 4 . 0 0 8 . 0 0 9 z m - 1 1 . 6 6 6 - 5 . 0 7 1 V 2 1 . 2 6 1 l - . 9 5 4 . 6 8 2 v 1 2 . 0 9 3 l 4 . 3 7 2 3 . 9 2 . 7 3 3 - . 7 3 3 - 4 . 1 5 - 3 . 6 4 7 v . 0 0 9 z m 7 . 3 3 7 - 1 1 . 9 9 9 l - 3 . 7 3 2 - 2 . 9 2 3 - . 1 3 6 . 0 9 4 v 1 3 . 2 7 7 l 3 . 1 0 2 2 . 6 9 3 . 7 7 6 - . 7 7 6 V 2 1 . 5 8 5 h - . 0 0 9 z m 1 . 4 5 8 1 2 . 4 1 6 V 2 0 . 9 0 3 l - 3 . 8 6 9 - 3 . 1 4 5 - . 9 1 2 . 6 3 9 3 . 8 2 6 3 . 0 0 8 v 1 3 . 0 4 7 l 3 . 8 2 6 3 . 4 6 8 . 6 8 2 - . 7 3 3 - 3 . 5 5 3 - 3 . 1 9 6 v . 0 0 8 z m 1 6 . 1 3 2 - 1 0 . 2 2 6 h 4 . 6 9 5 v 9 . 7 6 6 l - 7 . 2 4 3 5 . 1 1 3 c - . 9 5 5 - 1 . 0 9 1 - 2 . 3 2 7 - 1 . 8 6 6 - 4 . 0 1 4 - 1 . 8 6 6 - 1 . 3 6 4 0 - 2 . 4 6 3 . 4 6 - 3 . 9 2 1 . 6 8 7 l - . 2 3 - . 0 9 4 6 . 1 9 5 - 9 . 0 3 3 h - 3 . 8 2 6 v - 8 . 4 8 8 l 7 . 6 1 - 5 . 2 9 2 c . 9 1 2 . 7 3 3 1 . 5 9 3 1 . 1 4 2 2 . 7 7 8 1 . 1 4 2 . 9 1 2 0 2 . 2 3 3 - . 1 7 9 3 . 2 3 8 - 1 . 0 0 6 l . 1 7 9 . 0 9 4 - 5 . 4 7 1 7 . 9 8 5 . 0 0 9 - . 0 0 9 z m - 5 . 1 0 5 1 1 . 6 8 4 c - 1 . 3 2 1 0 - 2 . 3 6 9 . 4 6 - 3 . 2 8 1 1 . 0 9 1 v . 0 9 4 c . 7 3 3 - . 3 1 5 1 . 4 5 7 - . 4 0 9 2 . 1 3 9 - . 4 0 9 1 . 0 4 8 0 2 . 6 8 4 . 5 0 3 3 . 7 8 4 1 . 7 8 1 l 1 . 0 4 8 - . 7 7 6 c - . 8 6 9 - 1 . 0 0 5 - 1 . 9 1 7 - 1 . 7 8 1 - 3 . 6 9 - 1 . 7 8 1 z m 4 . 8 7 4 - 7 . 6 7 h - 2 . 5 4 8 l - 5 . 3 3 4 7 . 7 1 2 . 0 4 2 . 0 9 4 c 1 . 3 2 1 - . 9 5 4 2 . 6 - 1 . 5 9 4 4 . 1 5 - 1 . 5 9 4 1 . 3 6 4 0 2 . 7 7 9 . 6 3 9 3 . 6 4 8 1 . 7 3 l . 0 4 2 - . 0 4 3 v - 7 . 8 9 1 - . 0 0 9 z m - 6 . 6 4 7 0 v - 7 . 3 4 6 l - . 9 5 4 . 6 8 2 v 7 . 6 6 1 h 3 . 6 9 l . 7 3 3 - 1 . 0 0 6 h - 3 . 4 6 l - . 0 0 9 . 0 0 9 z m 9 . 5 1 9 - 8 . 9 3 9 c - . 9 5 4 . 6 8 2 - 1 . 4 9 9 1 . 0 4 8 - 3 . 1 0 2 1 . 0 4 8 - . 9 1 1 0 - 2 . 0 0 2 - . 4 0 9 - 2 . 8 7 1 - 1 . 3 2 1 l - . 0 9 4 . 0 4 3 v 6 . 6 6 4 h 1 . 7 3 l 4 . 3 7 1 - 6 . 3 9 1 - . 0 4 2 - . 0 4 3 h . 0 0 8 z m - 2 . 1 9 - . 4 0 9 c - . 8 1 8 0 - 1 . 8 6 6 - . 4 0 9 - 2 . 5 4 8 - 1 . 3 2 1 l - 1 . 1 4 2 . 7 7 6 c . 8 6 9 1 . 0 4 8 1 . 6 8 8 1 . 5 0 8 2 . 9 5 7 1 . 5 0 8 . 8 1 8 0 2 . 0 0 3 - . 2 3 3 . 2 3 9 - 1 . 2 7 8 l . 0 4 2 - . 1 3 6 c - . 7 7 5 . 3 2 4 - 1 . 7 3 . 4 6 - 2 . 5 4 8 . 4 6 v - . 0 0 9 z m . 7 7 6 7 . 8 4 9 h - 2 . 9 6 6 l - . 6 8 2 . 9 5 4 h 2 . 6 8 5 v 8 . 8 5 4 l . 9 5 4 - . 6 8 2 v - 9 . 1 2 7 h . 0 0 9 z m 1 9 . 1 8 3 - 6 . 5 2 8 v 1 5 . 7 8 3 c 0 4 . 3 8 - 3 . 8 6 9 7 . 3 4 6 - 8 . 1 9 9 8 . 2 1 5 l - . 0 9 3 - . 1 7 9 c 2 . 1 3 9 - 1 . 0 4 8 3 . 3 7 4 - 3 . 1 9 6 3 . 3 7 4 - 5 . 4 7 1 V 2 1 . 7 7 2 l - 2 . 4 6 2 - 2 . 2 3 3 - . 9 5 5 1 . 0 4 8 V 3 3 . 3 2 l 1 . 3 6 4 1 . 2 3 6 v . 0 9 4 l - 3 . 6 9 4 . 0 1 4 - 4 . 2 3 6 - 3 . 8 7 7 v - . 1 7 9 l 1 . 6 3 6 - 1 . 7 3 V 1 2 . 6 8 8 l 4 . 8 3 2 - 5 . 1 5 6 . 0 9 4 . 0 4 3 v 1 2 . 2 2 9 l 3 . 9 6 3 - 4 . 2 8 6 4 . 1 5 3 . 7 4 1 . 7 7 5 - . 8 1 8 . 3 6 7 . 3 2 4 - . 9 1 2 1 . 0 0 6 - . 0 0 8 - . 0 0 9 z m - 1 2 . 7 5 8 1 4 . 9 2 2 v - . 0 9 4 l . 9 5 5 - . 9 5 4 V 1 1 . 9 1 3 l - . 9 5 5 1 . 0 0 5 v 2 0 . 2 5 7 l - 1 . 4 5 7 1 . 4 5 7 v . 0 9 4 l 3 . 5 5 4 3 . 1 9 6 . 6 3 9 - . 7 3 3 - 2 . 7 3 6 - 2 . 5 0 5 z m 9 . 2 9 8 - 1 3 . 6 4 4 l - 2 . 9 6 6 - 2 . 5 5 7 - . 6 3 9 . 6 8 2 2 . 6 4 2 2 . 3 6 9 v 1 6 . 4 2 2 c 0 1 . 0 9 1 - . 2 3 2 . 2 3 3 - . 6 3 9 2 . 8 7 2 l . 0 4 2 . 0 4 3 c 1 . 1 4 2 - . 8 1 8 1 . 5 5 1 - 2 . 0 5 4 1 . 5 5 1 - 3 . 6 4 7 v - 1 6 . 2 l . 0 0 9 . 0 1 7 z m 1 1 . 7 6 1 7 . 6 1 5 l - 3 . 9 2 - 3 . 6 0 5 - . 9 1 2 . 9 5 5 - . 3 6 7 - . 3 6 7 1 . 0 4 9 - 1 . 1 4 2 V 2 1 . 3 1 2 l - 1 . 9 1 8 - 1 . 8 2 4 - . 7 3 3 . 8 1 8 - . 3 6 6 - . 3 6 6 4 . 0 9 9 - 4 . 4 7 4 3 . 6 4 7 3 . 2 8 9 . 9 1 2 - 1 . 0 0 6 . 4 0 9 . 3 1 5 - 1 . 1 4 2 1 . 2 3 6 v 1 3 . 3 2 l 2 . 1 9 2 . 0 5 4 1 . 0 0 6 - 1 . 0 4 8 . 3 6 6 . 3 6 6 - 4 . 3 2 9 4 . 6 5 3 . 0 0 9 . 0 0 9 z m - 2 . 6 9 3 - 4 . 4 7 4 V 2 0 . 5 8 8 l - 2 . 3 6 9 - 2 . 1 9 - . 6 3 9 . 7 3 3 2 . 0 5 3 1 . 9 6 v 1 3 . 5 5 l 3 . 6 4 8 3 . 2 8 1 . 6 8 2 - . 7 3 3 - 3 . 3 7 5 - 3 . 0 0 8 z m 1 . 3 6 3 - 1 9 . 0 7 2 l - 3 . 7 3 2 - 3 . 4 1 7 3 . 4 1 7 - 3 . 6 4 7 3 . 7 3 3 3 . 4 1 7 - 3 . 4 1 8 3 . 6 4 7 z m - 2 . 3 1 8 - 4 . 1 5 l - . 6 8 1 . 6 8 2 2 . 9 5 7 2 . 7 8 7 . 6 8 2 - . 7 7 5 - 2 . 9 5 8 - 2 . 6 9 3 z m 2 2 . 9 0 7 2 7 . 6 9 6 l - 3 . 9 6 2 - 3 . 6 0 5 V 2 1 . 7 3 l - 2 . 4 1 2 - 2 . 1 9 - 1 . 2 7 8 1 . 3 7 2 v 1 2 . 3 1 4 l 1 . 4 1 4 1 . 3 2 1 v . 1 7 9 l - 3 . 7 3 2 3 . 9 2 - 4 . 2 3 6 - 3 . 8 7 7 v - . 1 3 6 l 1 . 6 4 5 - 1 . 7 3 V 2 1 . 4 0 6 l - 2 . 1 3 9 - 1 . 9 6 - . 8 6 9 . 9 5 5 - . 3 6 7 - . 3 6 7 4 . 1 5 1 - 4 . 5 1 7 4 . 1 5 3 . 6 9 8 v . 9 1 2 l 4 . 3 2 9 - 4 . 6 1 4 . 0 5 6 3 . 6 4 7 . 9 1 2 - . 9 5 4 . 4 0 9 . 3 6 6 - 1 . 0 9 1 1 . 1 4 2 v 1 3 . 0 4 7 l 2 . 0 5 4 1 . 9 1 7 1 . 0 0 6 - 1 . 0 9 1 . 3 6 6 . 3 6 6 - 4 . 3 7 2 4 . 6 9 6 h - . 0 3 4 z m - 1 2 . 0 2 4 - 3 . 9 7 1 v - . 0 9 4 c 0 . 0 9 4 . 9 1 2 - . 9 1 2 . 9 1 2 - . 9 1 2 V 2 0 . 7 1 6 l - 2 . 5 9 9 - 2 . 3 6 9 - . 6 4 . 6 8 2 2 . 2 7 6 2 . 0 9 6 v 1 2 . 0 4 2 l - 1 . 4 1 5 1 . 4 5 7 v . 0 9 4 l 3 . 5 1 1 3 . 1 9 6 . 7 2 5 - . 7 7 5 - 2 . 7 7 9 - 2 . 4 6 3 . 0 0 9 . 0 0 8 z m 9 . 5 1 9 - . 3 6 7 V 2 0 . 9 4 6 l - 2 . 8 2 1 - 2 . 5 5 7 - . 7 3 3 . 7 7 6 2 . 5 9 9 2 . 3 2 6 v 1 3 . 2 7 7 l 3 . 4 1 8 3 . 1 9 6 . 7 3 3 - . 7 7 6 - 3 . 1 8 8 - 2 . 8 7 2 h - . 0 0 8 z m 1 5 . 3 5 6 1 2 . 5 4 4 c - 1 . 4 9 9 - 1 . 6 4 5 - 2 . 5 4 8 - 2 . 3 2 6 - 3 . 9 6 2 - 2 . 3 2 6 - 1 . 5 0 - 3 . 2 3 9 . 5 9 6 -5.011 1.551l-.137-.136 6.29-7.303-4.466-3.562-.869.912-.367-.315 1.006-1.091V21.679l8.658-6.204 4.832 3.835.818-.912.367.366-.955 1.048v15.604c0 2.369 1.321 2.284 1.321 4.056 0 2.054-2.965 3.971-7.516 7.389h-.009zm-6.059-12.638V21.312l-.954.682v12.638l4.508 3.647.682-.818-4.236-3.238zm3.187 9.127c-1.499 0-2.871.46-4.15 1.321v.094c.818-.315 1.73-.733 3.281-.733 1.415 0 2.599.776 3.784 2.148l.912-.733c-1.142-1.321-2.506-2.096-3.827-2.096zm5.565-4.38c-1.142-.733-1.414-1.508-1.414-3.468v-.818l-7.568 8.761.043.043c1.457-.869 2.778-1.508 4.917-1.508 1.824 0 3.051.733 4.465 1.917.87-.733 1.458-1.457 1.458-2.599 0-.912-.776-1.594-1.918-2.327h.017zm-1.414-17.385l-3.784-2.966-.094.094v14.01l2.915 2.284.954-1.091V21.593l.009-.008zm2.778 16.746c-1.185-.912-1.321-1.687-1.321-3.647V20.809l-3.826-3.102-.87.596 3.733 2.966v14.053c0 1.96.094 2.514 1.321 3.332 1.091.733 1.96 1.508 1.96 2.557 0 .273-.043.733-.043.733l.043.043c.23-.23.503-.596.503-1.184 0-1.006-.503-1.687-1.5-2.463v-.009zm10.933.324l-4.192-3.281-.87.954-.366-.366 1.006-1.091V18.9h-2.642l-.094-.094 1.594-2.369h1.142v-3.059l4.831-5.156.094.094v8.121h3.648l.093.094-1.593 2.369h-2.139v13.823l2.505 1.917.955-1.048.366.366-4.329 4.696h-.009zm-2.957-26.052l-.954 1.048v2.787h.954v-3.835zm0 21.808V18.9h-.954v16.064l3.869 3.008.682-.733-3.597-2.829zm22.191-14.189v12.774l-7.703 5.701-5.787-4.38-.682.776-.366-.366.818-.912V21.312l8.062-5.795 5.377 4.201.869-.912.367.366-.955 1.048zm-12.254 13.141V20.903l-.955.682v12.272l5.471 4.201.87-.639-5.378-4.056h-.008zm7.329-11.641l-3.827-3.008-.042.043v13.592l3.869 2.923v-13.55zm1.457-.818l-4.235-3.289-.87.639 4.15 3.196v14.189l.955-.733v-14.01.009zm20.87 17.751l-3.963-3.605V21.73l-2.411-2.19-1.279 1.372v12.314l1.415 1.321v.179l-3.733 3.92-4.235-3.877v-.136l1.645-1.73V21.406l-2.139-1.96-.869.955-.367-.367 4.15-4.517 4.15 3.698v.912l4.33-4.61 4.056 3.647.912-.954.409.366-1.091 1.142v13.047l2.054 1.917 1.005-1.091.367.366-4.372 4.696h-.034zm-12.024-3.971v-.094c0 .094.911-.912.911-.912V20.716l-2.599-2.369-.639.682 2.276 2.096v12.042l-1.415 1.457v.094l3.511 3.196.733-.775-2.778-2.463v.008zm9.519-.367V20.946l-2.821-2.557-.733.776 2.599 2.326v13.277l3.417 3.196.733-.776-3.187-2.872h-.008zm30.653 4.338c-1.278-1.372-1.73-1.824-3.238-2.233v8.94l-.094.043-1.824-1.645-5.283 4.883-.094-.043V36.328c-1.594.366-3.281 1.185-4.917 2.829l-.094-.043c.315-3.511 2.054-6.11 5.011-7.116v-8.897h-.955c-1.321 0-2.053.682-2.684 1.917h-.136c-.137-.409-.23-1.048-.23-2.096 0-1.918 1.414-3.92 3.741-3.92h.272v-4.926l-1.866-1.687-.912.912-.315-.315 4.602-4.883 4.286 3.92v4.15l1.006-1.091V9.833h.503v4.789l6.059-6.528 5.147 4.696v19.848l-7.968 6.025-.017-.008zm-10.525-4.014c-1.866.366-3.187 1.508-4.056 3.008l.043.094c1.278-1.091 2.462-1.594 4.013-1.96V34.64zm1.466-13.098h-2.505c-1.73 0-2.412 1.091-2.463 2.369l.042.043c.546-.912 1.091-1.236 2.191-1.372h1.781v24.867l.954-.912V21.534v.009zm0-8.215l-2.275-2.096-.733.775 2.054 1.824v5.156h.954v-5.659zm5.326 2.599l-1.005 1.048v26.418l1.005.912V15.926zm5.974-1.048l-2.684-2.463-2.778 3.008v16.055c2.369.23 4.013.912 5.42 2.463l.042-.043V14.87v.008zm-5.471 19.762v1.185c1.551.367 2.19.818 3.281 2.096l1.048-.818c-1.091-1.372-2.19-2.19-4.329-2.463zm6.928-20.487l-3.102-2.872-.732.775 2.871 2.65v21.22l.955-.733V14.154h.008zm20.18 6.068v12.774l-7.704 5.701-5.786-4.38-.682.776-.366-.366.818-.912V21.312l8.062-5.795 5.377 4.201.869-.912.367.366-.955 1.048zm-12.254 13.141V20.903l-.955.682v12.272l5.471 4.201.87-.639-5.378-4.056h-.008zm7.337-11.641l-3.826-3.008-.043.043v13.592l3.869 2.923v-13.55zm1.457-.818l-4.235-3.289-.869.639 4.15 3.196v14.189l.954-.733v-14.01.009zm14.036 2.872h4.695v9.766l-7.243 5.113c-.955-1.091-2.327-1.866-4.014-1.866-1.363 0-2.463.46-3.92 1.687l-.23-.094 6.195-9.033h-3.826v-8.488l7.61-5.292c.912.733 1.594 1.142 2.778 1.142.912 0 2.233-.179 3.238-1.006l.179.094-5.471 7.985.009-.009zm-5.105 11.684c-1.321 0-2.369.46-3.281 1.091v.094c.733-.315 1.458-.409 2.139-.409a5.3 5.3 0 0 1 3.784 1.781l1.048-.776c-.869-1.005-1.917-1.781-3.69-1.781zm4.875-7.67h-2.548l-5.335 7.712.043.094c1.321-.954 2.599-1.594 4.15-1.594 1.363 0 2.778.639 3.647 1.73l.043-.043v-7.891-.009zm-6.656 0v-7.346l-.954.682v7.661h3.69l.733-1.006h-3.46l-.009.009zm9.528-8.939c-.955.682-1.5 1.048-3.102 1.048-.912 0-2.003-.409-2.872-1.321l-.094.043v6.664h1.73l4.372-6.391-.043-.043h.009zm-2.19-.409c-.819 0-1.867-.409-2.548-1.321l-1.142.776c.869 1.048 1.687 1.508 2.965 1.508.818 0 2.003-.23 3.239-1.278l.042-.136c-.775.324-1.73.46-2.548.46l-.008-.009zm.775 7.849h-2.957l-.682.954h2.685v8.854l.954-.682v-9.127zm11.027 12.365l-4.192-3.281-.87.954-.366-.366 1.006-1.091V18.9h-2.642l-.094-.094 1.594-2.369h1.142v-3.059l4.831-5.156.094.094v8.121h3.648l.093.094-1.593 2.369h-2.139v13.823l2.505 1.917.955-1.048.366.366-4.329 4.696h-.009zm-2.957-26.052l-.954 1.048v2.787h.954v-3.835zm0 21.808V18.9h-.954v16.064l3.869 3.008.682-.733-3.597-2.829z' fill='#fff'/>");
< /code>
Я рассматривал возможность использования критической загрузки CSS (то есть, внедренная выше изделия и откладывание остальных), но я не уверен, действительно ли это поможет во многом, учитывая размер файла CSS, вызванный базой 64-кодированным SVG. Загрузка CSS эффективна в этом случае, или это
не имеет значения с большими SVG, кодированными Base64? Рекомендуемые стратегии загрузки CSS

в крупных проектах, чтобы обеспечить хорошую производительность?>

Подробнее здесь: https://stackoverflow.com/questions/795 ... ize-for-be