Skip to content
This repository has been archived by the owner on Feb 12, 2022. It is now read-only.

Base64 encode WOFF FuelUX font to reduce requests #1291

Merged
merged 1 commit into from
May 20, 2015

Conversation

interactivellama
Copy link
Contributor

Convert WOFF Fuel UX font to base64 and store in CSS file.

For more information on fonts visit: https://css-tricks.com/snippets/css/using-font-face/

@futuremint We can do the same with BS3's glyphicon font, but that will probably be a rucksack issue @kevinparkerson.

@interactivellama
Copy link
Contributor Author

Follow up
93% browser coverage uses WOFF format http://caniuse.com/#feat=woff

From what I can ascertain from Chrome Timeline. The base64 decode may be adding 10-20ms to rendering time (It's within multiple reload margin of errors though).

Right now, initial network download from Akaimai of WOFF file ranges from 225ms to 900ms (although I am on a plane right now with pretty bad latency).

HTTPS requests from Akaimai are taking 500ms to 1.5s (but then again, I'm on a plane).

We probably shouldn't be encoding large fonts, but this small one seems like a good idea for optimization.

One example reload after base-64 encode
3.42 s
63.972 ms Loading
2.46 s Scripting
384.127 ms Rendering
79.520 ms Painting
158.847 ms Other

One example reload before base-64 encode
3.36 s
70.763 ms Loading
2.31 s Scripting
359.057 ms Rendering
74.103 ms Painting
151.185 ms Other
400.095 ms Idle

@swilliamset swilliamset changed the title Base64 encode WOFF FuelUX font to reduce requests <HOLD> Base64 encode WOFF FuelUX font to reduce requests May 15, 2015
@interactivellama interactivellama changed the title <HOLD> Base64 encode WOFF FuelUX font to reduce requests Base64 encode WOFF FuelUX font to reduce requests May 19, 2015
@interactivellama interactivellama changed the title Base64 encode WOFF FuelUX font to reduce requests <read> Base64 encode WOFF FuelUX font to reduce requests May 19, 2015
@swilliamset swilliamset changed the title <read> Base64 encode WOFF FuelUX font to reduce requests Base64 encode WOFF FuelUX font to reduce requests May 20, 2015
swilliamset pushed a commit that referenced this pull request May 20, 2015
Base64 encode WOFF FuelUX font to reduce requests
@swilliamset swilliamset merged commit f32e292 into ExactTarget:3.7.x May 20, 2015
@swilliamset swilliamset removed the Hold label May 20, 2015
@interactivellama interactivellama deleted the base64-woff branch June 15, 2015 17:02
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants