Using a lot of SVGs in a browser causes major lag and an overall bad performance. In the current configuration, the icons provided by this package are not reused when rendering -- which can lead to issues. A large table using tabler-icons can easily crash a browser tab (or slow it down so significantly that the browser itself asks you if you want to close it).
A common workaround is using background images applied with css classes -- they might not be the easiest to handle -- but they are fast, really fast!
Idea:
Switch to a setup where images are generated in the versions/colors they are needed in and used as background images. It should be possible to not change the API of the components while doing so.
Using a lot of SVGs in a browser causes major lag and an overall bad performance. In the current configuration, the icons provided by this package are not reused when rendering -- which can lead to issues. A large table using tabler-icons can easily crash a browser tab (or slow it down so significantly that the browser itself asks you if you want to close it).
A common workaround is using background images applied with css classes -- they might not be the easiest to handle -- but they are fast, really fast!
Idea: Switch to a setup where images are generated in the versions/colors they are needed in and used as background images. It should be possible to not change the API of the components while doing so.
Benefit: Huge increase in performance :)