Improve font-loading performance

coliff commented 2 years ago

Steps To Reproduce

Go to Lighthouse test 'https://googlechrome.github.io/lighthouse/viewer/?psiurl=https%3A%2F%2Fvault.bitwarden.com%2F%23%2F&strategy=desktop&category=performance&category=accessibility&category=best-practices&category=seo'
View Diagnostics.
The fonts loading are WOFF. Loading WOFF2 instead on all modern browsers would bring a noticeable page load performance improvement. Also the fonts are only being cached for 14-days. Ideally they should be cached for 365 days to improve load times for repeat visitors.

Expected Result

Fonts should load WOFF2 with WOFF as a fallback. https://caniuse.com/woff2
Fonts should be cached for 365 days

Actual Result

The fonts loading are WOFF
Fonts are cached for only 14 days

Screenshots or Videos

No response

Additional Context

No response

Operating System

Windows

Operating System Version

Windows 10 Pro

Web Browser

Microsoft Edge

Browser Version

97

Build Version

Version 2.25.1

djsmith85 commented 2 years ago

Thank you for the report @coliff.

I assumed the image you tried to upload was a screenshot from the report. I've added one from a run of Lighthouse today. The upcoming release will address some of the items you mentioned, and once it's out you'll be able to compare.