react-slick uses peer-dependency slick-carousel which uses custom font unfortunately not optimized. This is impacting a few of the performance of our main site 80ms. Every thousand seconds contributes to the user experience.
slick-carousel uses the following font format:
- .eot
- .ttf
- .woff
As you can see, they are formats that are not friendly.
The source was converted to an optimized woff2 format, we deployed that asset independently. In the main site the slick-carousel styles are overwritten and so that the new font is consumed instead of the one that the package has integrated.
In the main site, a prefetch of the source is made to be able to eliminate that 80ms metric.