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.

Video

View the Slide Deck (April 2013)

Content

  • 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 at IndieWeb Avatar for https://cloudcannon.com/CloudCannon. He created 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 69 talks in nine different countries at events like Jamstack Conf, Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. Formerly part of Netlify, Filament Group, NEJS CONF, and NebraskaJS. Read more about Zach »

Previous
You Should Follow Fewer People on Twitter
Next
zachleat.com is Dead, Long Live zachleat.com
5 Comments
  1. Robert Friskney Disqus

    30 May 2013
    Really liked your Video .... Hope i found Something New when i come back here.
  2. Instalogic Web Design Disqus

    12 Oct 2013
    Thank you so much for sharing
  3. Linda Barbera Disqus

    03 Dec 2014
    I really like this pageso much, so better to keep on posting! Thanks.Miami software design
  4. lewislee Disqus

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

    03 Jan 2015
    Iam really impressed in your blog…..and Thank you for sharing thisinformation…It is Very interesting..Magento Website Palm beach

Shamelessly plug your related post:

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)