Image Optimization
Explore techniques to optimize images in Next.js applications to enhance SEO scores and performance. Understand how to use appropriate image formats, compress images without losing quality, and configure Next.js for automatic WebP conversion. This lesson also explains handling images from external APIs versus local optimization.
Site analysis
Have you ever heard of Lighthouse or Pingdom? They grade your site.
Low grades
One of the main reasons you will receive a low score from one of these site testing tools is because of your images. Most images, even smaller ones, are large files. These can significantly slow down a site if not handled properly.
Image optimization you can do
There are a few things you should do before letting Next.js optimize your images.