Responsive, Performant Images for the Web
Learn to optimize your images for the web in this video from PerfMatters Conf.
Tagged “Images”
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.