Setting up responsive images in Eleventy using Cloudinary
Learn to optimize your images for the web in this video from PerfMatters Conf.
One major way we can get image savings is through lazy loading images not in the viewport.
The HTML <picture> tag can help us do both better art direction and deliver new formats with legacy fallbacks.
What is device pixel ratio? What size images should we provide? Balancing speed and image quality.
HTML (and CSS) can already handle serving responsive images without the need for other tools.
Image format can affect performance more than size. Learn about your best options.
See all tags.