Let’s talk about Image Optimization with Next.js - Saad Irfan - (Next.js Conf 2021)
From the video description
Because of their size, images are the largest assets of your website. As the size increases, the speed of your web app decreases along with it. According to the HTTP Archive, images make up on average 21% of a total webpage weight. Different image formats also affect your site’s overall performance. In this talk, I am going to speak about how Next.js natively helps you optimize your images. How it provides a built-in solution with its Image component that uses various techniques to make sure your site is fast, consumes less bandwidth, and at the same time has a great user experience.
Topics
Sources
Video by Vercel, played through YouTube.
- Indie Picks
Data and selection notes
Indie Picks uses video metadata for classification. The description above is an uploader excerpt, not an independent review.
Indie Picks: Independently collected SaaS and AI product videos, organized by a founder handbook. Topics and relevance are metadata-indexed; full-video editorial review has not been completed. Descriptions are uploader excerpts where available.
Views, duration and playback status refresh separately from the published catalog. When an update fails, existing data remains visible.
Selection checks
- SaaS & AI candidates: Matches the configured criteria
- Editor-approved picks: Editorial review is required