Zach’s ugly mug (his face) Zach Leatherman

Performance and Responsive Web Design (2013)

May 17, 2013 Watch in 61 minutes 🇺🇸 USA

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

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

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


< Newer
You Should Follow Fewer People on Twitter
Older >
zachleat.com is Dead, Long Live zachleat.com

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at IndieWeb Avatar for https://cloudcannon.com/CloudCannon. He is the creator and 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 79 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

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

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)