I had the privilege to present at Front End Design Conference this year. Below are the description and relevant links from the presentation.
The modern web’s <img> problem
We can all agree that web performance is a serious problem that warrants our time and effort. Recent reports indicate that the average website is now over 2MB, with images accounting for over 70% of that weight. But fear not, there are many approaches to alleviating our image problem. We’ll look at several real-world examples of how to deal with image overload, as well as some recent additions to modern browsers that will help us in our fight against one-size-fits-all image bloat.
Links
- Broadband overtaking dial-up in major cities
- U.S. leans to broadband
- erikrunyon.com
- HigherEd RWD Directory
- Speed Index
- HTTP Archive Trends
- Average Page Weight Increases 15% in 2014
- BBC News
- Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
- Cutting the Mustard
- BBC News: Images
- BBC News Online
- US election brings BBC News website traffic high
- BBC News: We’ve made it.
- University of Notre Dame
- WTF Mobile Web
- WebPagetest
- Responsive Images Community Group
- Can I Use: srcset
- Can I Use: picture
- Responsive Images: Art Direction
- Picturefill