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

Big performance issue : @tabler/icons-webfont 3.24.0 : Firefox+Windows #1307

Closed
5 of 30 tasks
benito103e opened this issue Jan 17, 2025 · 3 comments · Fixed by #1313
Closed
5 of 30 tasks

Big performance issue : @tabler/icons-webfont 3.24.0 : Firefox+Windows #1307

benito103e opened this issue Jan 17, 2025 · 3 comments · Fixed by #1313
Labels
bug Something isn't working

Comments

@benito103e
Copy link

Description

We use tabler-icon webfont in a webapplication.
Since we upgrade from 3.1.0 to 3.24.0, our "Windows with Firefox" users experiences a huge slowdown in page loading.
Every new tab or each time you change tabs, the Reflow take more than 5sec

DomContentLoaded in ~200ms
Load : > 5.5sec

With Firefox profiler :
Layout:Reflow take >5sec
And I see a lot of

LigatureSubstitutionSubtableHelper::ReadLookupCoverage(GlyphCoverageRangeCollector&) const [dwrite.dll]
Reflow https:....
PresShell::DoFlushPendingNotifications Layout
XRE_InitChildProcess
(root)

P.S : there is no issue with Linux.

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

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

  1. Install "@tabler/icons-webfont": "3.24.0"
  2. @import "@tabler/icons-webfont/dist/tabler-icons.scss";
  3. Use some ti icons in html :
  4. Go to Firefox with Windows on a new tab
  5. Wait a long time
  6. Switch to another tab and come back to concerned tab
  7. wait a long time

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.)
@benito103e benito103e added the bug Something isn't working label Jan 17, 2025
@kakkokari-gtyih
Copy link

Possibly duplicate of #476

@benito103e
Copy link
Author

Hello @codecalm,
This issue is still there.
This is a production performance problem, not a building problem.
I'm really surprised that this problem hasn't been raised by other Issues, as it must concern several people.
Best regards.

@benito103e
Copy link
Author

I can't reopen this issue, so I'm creating a new one (#1327) with a very simple reproduction procedure.

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

Successfully merging a pull request may close this issue.

2 participants