Link Search Menu Expand Document

+TITLE: Next Image Optimization

  • tags :: NextJS, javascript, Optimization
  • Using =next-optimized-images=
  • Installed package
  • There is a next.config.js config on the site but I'm using a webpack config already and I'm not sure how it is going to merge ...
  • Had to manually install next-compose-plugins
  • Now need to add some of the individual components for the image optimization
  • I ended up using the loading="lazy" image prop here for most of the images.
  • Annoyingly this isn't enabled by default on Safari desktop or iOS