Zach’s ugly mug (his face) Zach Leatherman

Performance and Responsive Web Design (2015)

January 15, 2015 Watch in 67 minutes 🇺🇸 USA

After NebraskaJS Lincoln asked me to present on Responsive Web Design and Performance, I took some time to update my 2013 presentation for 2015. This version adds sections on Critical CSS, the Filament Group loadCSS utility, srcset, <picture>, and Font Loading.

Watch on YouTube: Performance and Responsive Web Design (2015)

Video originally posted on NebraskaJS.com.

Slide deck also available on Speaker Deck (January 2015).

Previous incarnations of this presentation:


< Newer
Flash of Faux Text—still more on Font Loading
Older >
How we use web fonts responsibly, or, avoiding a @font-face-palm

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at IndieWeb Avatar for https://fontawesome.com/Font Awesome and the creator/maintainer of IndieWeb Avatar for https://www.11ty.devEleventy (11ty), an award-winning open source site generator. At one point he became entirely too fixated on web fonts. He has given 83 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of CloudCannon, Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

Shamelessly plug your related post

These are webmentions via the IndieWeb and webmention.io.

Sharing on social media?

This is what will show up when you share this post on Social Media:

How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)