daffodil icon indicating copy to clipboard operation
daffodil copied to clipboard

Consider alternatives to Font Awesome to improve performance

Open xelaint opened this issue 8 months ago • 1 comments

Feature description

Replace all usages of Font Awesome with a different icon package that has better performance metrics.

https://css-tricks.com/subsetting-font-awesome-to-improve-performance/#:~:text=Font%20Awesome%20is%20an%20incredibly,the%20font%20files%20it%20provides.

Options:

  • https://heroicons.com/
  • https://tabler.io/icons
  • https://icons.getbootstrap.com/
  • https://lucide.dev/

Use case

As a developer, I would like to reduce the page load time by removing Font Awesome icons, which has a tendency to have poor performance.

Prior work

No response

Daffodil version

0.83.0

Additional context

No response

xelaint avatar May 05 '25 15:05 xelaint

If I'm not mistaken, the way that we use FA in Daffodil design automatically omits the unused icons from the final bundle.

What performance degredation did you see?

damienwebdev avatar May 05 '25 15:05 damienwebdev