Почему сайт с svg грузит gpu на 100%?

Question

[Kirill_chaklidi]

Добрый день. Не давно воткнул 7 элементов svg на сайт, после этого сайт грузит проц на 100% и сайт лагает, но если уменьшить экран то лагов становиться меньше, с чем это может быть связано ?

Answer 1

[Alfieros]

1) Ограничить размер(ширина, высота) для SVG свойствами внутри самой svg.
2) Классу внутри которого находится SVG, добавить CSS свойство will-change: auto, задействовав помощь GPU для отрисовки элемента.
3) SVG код прописать в header через #shadow-root и вызывать svg по id в нужном месте.

Answer 2

[lpite]

Оптимизируйте svg есть сайт svgo