This content originally appeared on Zach Leatherman and was authored by Zach Leatherman
Originally presented at Performance.now(), The Web Performance Conference on November 8th, 2018 in Amsterdam, Netherlands ??.
This was a completely revamped version of my Web Font Loading talk with a brand new theme and new examples. I took the audience through a case study improving the web font loading of the default theme you get when you create a new blog on wordpress.com. It originally loaded five different font files from Google Fonts.
The presentation iterated through a variety of different font loading tools and showed how they affected the performance of the site using real data and results from webpagetest.org.
- Demos on Netlify at
performance-sometime.netlify.com. - Source code on GitHub at
zachleat/performance-sometime.
Some of the tests and approaches demoed here are not yet documented on A Comprehensive Guide to Font Loading Strategies nor are they available on web-font-loading-recipes (but soon).
Video #
The video is hosted on YouTube.
Slides #
The slides are hosted on Notist.
Coverage #
- Up to speed with web performance by Hidde de Vries
- Notes from performance.now() by Dario Gieselaar
- performance.now()—stuff I learned by Koen Kivits
- Photos of me at @perfnowconf
- All conference photos
This content originally appeared on Zach Leatherman and was authored by Zach Leatherman
Zach Leatherman | Sciencx (2018-11-14T06:00:00+00:00) The Five Whys of Web Font Loading Performance. Retrieved from https://www.scien.cx/2018/11/14/the-five-whys-of-web-font-loading-performance/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.