H
H
hackuun2018-07-19 16:48:32
SVG
hackuun, 2018-07-19 16:48:32

Is it possible to improve SVG rendering?

There is a lot of SVG on the page, and besides, with blur filters. From this, obvious glitches are noticeable, especially if you quickly scroll the page, and especially on mobile.
Currently SVGs are inserted as url()for background-image.
Will there be any difference if I use base64 for example? Or if I don’t use it as a background, but insert it as a svgtag, will it affect anything at all? What to do?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
M
Maxim Timofeev, 2018-07-19
@webinar

The optimality of the svg itself is much more affected. Editors like AI add a lot of garbage to the code and are not always optimal. So I propose to start with optimization.
Garbage will help to remove https://jakearchibald.github.io/svgomg/
But optimization, here you need to work with the handles. Anything that is reused must be reused via use. Where there is no need to scale, we do not scale, etc.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question