You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I use the tabler icon font (hosted on jsdelivr) and am noticing a slowdown in rendering the icons starting from release 3.26
In an attempt to quantify it, I created a page that measures the time elapsed between the DOMContentLoaded event (on the document) and the load event (on the window).
This is so even after the font is loaded previously and served from the browser cache.
Some numbers:
<style>
</style>
3.24.0
3.25.0
3.26.0
3.27.0
3.28.0
1
1008
784
1774
2505
5429
2
1039
813
1841
2374
5467
3
957
838
1764
2317
5290
4
973
803
1899
2152
5239
5
963
826
2112
2138
5123
988
812.8
1878
2297.2
5309.6
(In the colums the tabler-icon font version, in the rows 5 attempts. In the cells: ms between domloaded and load events. Totals: avg of 5 attempts)
Package
@tabler/icons
@tabler/icons-eps
@tabler/icons-pdf
@tabler/icons-png
@tabler/icons-webfont
@tabler/icons-sprite
@tabler/icons-preact
@tabler/icons-react
@tabler/icons-react-native
@tabler/icons-solid
@tabler/icons-svelte
@tabler/icons-vue
Figma plugin
source/main
other/not relevant
Version
3.24.0, 3.25.0, 3.26.0, 3.27.0, 3.28.0
Browser
Chrome/Chromium
Firefox
Safari
Edge
iOS Safari
Opera
Other/not relevant
Operating system
Windows
Linux
macOS
ChromeOS
iOS
Android
Other/not relevant
Steps to reproduce
Remove the .txt extension from the attached html file.
Open in the browser (serve as file://)
Use the hash to pass the version number, i.e.
I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)
The text was updated successfully, but these errors were encountered:
Yea, we attempted to adopt for Cacti (www.cacti.net), but the slowdown was material. It slows down Firefox hugely switching from tab to tab. Those switches are no so bad for other browsers, but the load time as compared to say FontAwesome is unacceptable.
I look forward to this getting fixed, if it can be fixed.
rpbouman
changed the title
Slowdown loading Tabler Icons starting from version 3.26
Slowdown rendering Tabler Icons using webfont starting from version 3.26
Jan 21, 2025
Description
I use the tabler icon font (hosted on jsdelivr) and am noticing a slowdown in rendering the icons starting from release 3.26
In an attempt to quantify it, I created a page that measures the time elapsed between the DOMContentLoaded event (on the document) and the load event (on the window).
This is so even after the font is loaded previously and served from the browser cache.
<style> </style>Some numbers:
(In the colums the tabler-icon font version, in the rows 5 attempts. In the cells: ms between domloaded and load events. Totals: avg of 5 attempts)
Package
Version
3.24.0, 3.25.0, 3.26.0, 3.27.0, 3.28.0
Browser
Operating system
Steps to reproduce
Remove the .txt extension from the attached html file.
Open in the browser (serve as file://)
Use the hash to pass the version number, i.e.
file:///C:/Users/Roland_Bouman/Downloads/tabler-perf-test.html#3.24.0
file:///C:/Users/Roland_Bouman/Downloads/tabler-perf-test.html#3.25.0
file:///C:/Users/Roland_Bouman/Downloads/tabler-perf-test.html#3.26.0
file:///C:/Users/Roland_Bouman/Downloads/tabler-perf-test.html#3.27.0
file:///C:/Users/Roland_Bouman/Downloads/tabler-perf-test.html#3.28.0
tabler-perf-test.html.txt
Checklist
The text was updated successfully, but these errors were encountered: