![]() ![]() Images are some of the most important pieces of information on the web, but over the web’s 25-year history, they haven’t been very adaptable at all. There is [no reason to wait for responsive images we can actually have them very soon Today’s article complements Tim Wright’s article and explains exactly how we can use the upcoming element and srcset, with simple fallbacks for legacy browsers. ☕ If you’ve found this useful, you might want to express your gratitude by buying me a coffee.A few days ago, we published an article on Picturefill 2.0, a perfect polyfill for responsive images. If something is unclear or you think it could be improved, let me know in the comments or tweet me. Don’t use any polyfill if not strictly required.conditionally serve your images in modern formats like WebP or Jpeg2000.change your images width/height ratio at specific media queries.Use the img for simple responsive images.Don’t load all the images lazily, just the ones below the fold.Use vanilla-lazyload to load your lazy images.If you don’t mind missing the above features, you’re good to go. ![]() Think about it carefully before switching to native lazy-loading.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |