Q: What feature / functionality are you looking for?
A: Better font loading results in faster pages and more conversions!
Q: What problem are you trying to solve?
Q: If solved, what value would this provide (ex. increased efficiency, cost savings, etc.)?
A: 2 seconds faster load time on mobile devices and 10% lift in conversions.
Q: Use Case example? (ex. As a ____ I want to be able to _____ so I can _____.)
A: I added Lato font to my simple form page. I didn't expect a decrease in conversion because about half of the pages the funnel into the form page already load and cache the Lato font. But I test everything, and I am glad I did.
10% fewer conversions!!!
Before, I used a Arial (system font).
I customized the implementation by only loading the bold style of the font, without latin-ext.
I also loaded it using the standard
The result: the page loaded 2 seconds faster on mobile.
Here is a breakdown of load times (on mobile):
- Arial System Font.............. 4.4 seconds
- Lato Unbounce Loading.... 6.9 seconds
- Lato Custom Loading........ 5.0 seconds