Zach’s ugly mug (his face)

Zach Leatherman

Performance and Responsive Web Design (2013)

May 17, 2013 Watch in 61 minutes

Updated: There is a newer version of this presentation available.

The presentation was originally given to NebraskaJS in November of 2012. Unfortunately due to my own technical ineptitude with screen recording software I wasn’t able to publish the talk. So when I was asked to present on the topic again at the Omaha Mobile Group, I thought it would be a good opportunity to update the talk and get a second chance at recording it in front of an audience.


View the Slide Deck (April 2013)


  • 0:00 Title and Personal Background
  • 3:04 Responsive Web Design Primer
  • 5:24 The Web has Responsive Roots
  • 6:24 Alternatives to RWD
    • Do nothing
    • Create separate mdot site
  • 14:44 Common RWD Performance Problems
    • 16:03 Blocking JavaScript
    • 18:27 Blocking CSS
    • 30:07 Images
      • 31:11 Manipulating Images with CSS
      • 36:47 Responsive Images (in HTML)
  • RWD Buzzkills
    • 45:40 Advertising
    • 46:47 Social Networking Widgets
  • 50:23 RWD Showcase Showdown
  • 54:21 Conclusion
  • Questions (Some really great discussion here)
    • 56:19 How do Data URIs impact the critical path?
    • 57:43 The difference between Responsive and Adaptive?
    • 58:18 Do you have to start from scratch with RWD?
    • 59:39 How would Jimmy Wales and Wikipedia implement RWD?

(Side note: I wish there was an equivalent to TimeJump for YouTube embeds)

Reactions, Reviews

Zach’s ugly mug (his face)

Zach is a builder for the web with Netlify. He created the Eleventy static site generator and is still fixated on web fonts. His public speaking résumé includes talks in eight different countries at events like Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. He is an emeritus of Filament Group, NEJS CONF, and still helps out with NebraskaJS. Read more about Zach »

You Should Follow Fewer People on Twitter
Next is Dead, Long Live
5 Replies
    1. Robert Friskney Disqus

      30 May 2013 at 04:20AM
      Really liked your Video .... Hope i found Something New when i come back here.
      1. Instalogic Web Design Disqus

        12 Oct 2013 at 04:55PM
        Thank you so much for sharing
        1. Linda Barbera Disqus

          02 Dec 2014 at 10:23PM
          I really like this pageso much, so better to keep on posting! Thanks.Miami software design
          1. lewislee Disqus

            03 Dec 2014 at 10:04PM
            Wow…!!It’s very interesting… I am really impressed with your post.. Thanks for sharing it..Web design company Palm beach
            1. lewislee Disqus

              02 Jan 2015 at 11:33PM
              Iam really impressed in your blog…..and Thank you for sharing thisinformation…It is Very interesting..Magento Website Palm beach
                Social Card Image Preview

                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)