Eleventy and Cloudinary images
Setting up responsive images in Eleventy using Cloudinary
Tagged “Images”
Responsive, Performant Images for the Web
Learn to optimize your images for the web in this video from PerfMatters Conf.
Day 11 of #30DaysOfWebPerf: Lazy-load images
One major way we can get image savings is through lazy loading images not in the viewport.
Day 10 of #30DaysOfWebPerf: <picture>
The HTML <picture> tag can help us do both better art direction and deliver new formats with legacy fallbacks.
Day 9 of #30DaysOfWebPerf: Image Resolution
What is device pixel ratio? What size images should we provide? Balancing speed and image quality.
Day 8 of #30DaysOfWebPerf: srcset and sizes
HTML (and CSS) can already handle serving responsive images without the need for other tools.
Day 7 of #30DaysOfWebPerf: Image Formats
Image format can affect performance more than size. Learn about your best options.
See all tags.