Как оптимизировать svg элемент?

Question

[kakadam123]

Есть такой, достаточно большой, svg элемент - https://jsfiddle.net/evLmgz71/1/
В нем задуманы анимации при наведении и подтягивание контента из админки WP.
Из-за специфической задачи, мне пришлось использовать обычную картинку в svg формате, дабы точки сохраняли свое фиксированное положение на картинке. Все это, в данном виде, настолько загрузило страницу, что она грузится тысячу лет или может попросту загрузить только то, что находится ДО данного элемента страницы и остановиться. Google page speed вообще выдает "?" в качестве результата.

Как мне грамотно оптимизировать/сжать данную svg, сохранив тот результат, который есть сейчас и избавиться от всех, вышеперечисленных, проблем?

Comments

[RAX7]

Перечитай ответ к своему прошлому вопросуи не страдай ерундой. Никакие чудо оптимизаторы не помогут пока ты не понимаешь что делаешь.

Answer 1

[Максим]

https://jakearchibald.github.io/svgomg/ если руками не умеете то воспользуйтесь этим сервисом

Comments

[kakadam123]

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