Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slowdown rendering Tabler Icons using webfont starting from version 3.26 #1310

Open
4 of 30 tasks
rpbouman opened this issue Jan 20, 2025 · 1 comment
Open
4 of 30 tasks
Labels
bug Something isn't working

Comments

@rpbouman
Copy link

rpbouman commented Jan 20, 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.
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.

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

  • 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.)
@rpbouman rpbouman added the bug Something isn't working label Jan 20, 2025
@TheWitness
Copy link

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 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants