“Design Graveyard § Srcset Mobile Optimization”, Gwern2010-10-01 (similar)⁠:

Meta page describing Gwern.net website design experiments and post-mortem analyses.

The srcset image optimization tries to serve small images to devices which can only display small images to speed up loading & save bandwidth.

After 3 years, it proved to be implemented by browsers so poorly and inconsistently as to be useless, and I had to remove it when it broke yet again.

I do not recommend using srcset, and definitely not without a way to test regressions. You are better off using some server-side or JS-based solution, if you try to optimize image sizes at all.

• Gitit
  • RSS Feed
• JQuery Sausages Scrollbar
• Beeline Reader
• Google Custom Search Engine
• Tufte-CSS Sidenotes
• DjVu Files
• Darcs/Github Repo
• Long URLs
  • HTTP
  • Space-Separated URLs
  • www Subdomain
  • Simplified URLs
• Ads
• Donation Links
• Google Web Fonts
• MathJax
• Quote Syntax Highlighting
• Rubrication
• wikipedia-popups.js
• Link Screenshot Previews
• Automatic Dark Mode
• Multi-Column Footnotes
• Hyphenopoly Hyphenation
• Knuth-Plass Line Breaking
• Autopager
• Automatic Smallcaps
• Disqus Comments
• Double-Spaced Sentences
• Link-Icon CSS Regexps
  • CSS Regexps
    • Problems
  • Static Link-Icon Attributes
    • links.js
    • LinkIcon.hs
      • Features
• Reactive Archiving
• Outbound Link Tracking
• Popup Annotations
  • None
  • Tooltips
  • WP Popups
  • Inlined Popups
    • Inlined WP
    • Link IDs Enabled Backlinks
    • Recursive Inlining
  • Link Bibliographies
    • Separate Link Bibliographies
  • Standalone Annotation Complex
    • Shadow DOM
    • Dynamic WP (Again)
    • Transcludes
• srcset Mobile Optimization
  • Background
  • Implementing srcset
  • Issues With Browser Support
  • Inability to Fix
  • Conclusion
  • Postscript: Manual srcset
• Interviews
• Last-Read Scroll Marker
• Navbar Previous/Next Links

Similar Links: