This even gives a warning when building the project and could be easily fixed by changing current tags for components. Be aware that the component has some key differences that a regular HTML tag, please refer to the documentation to understand the differences before starting the changes in the project.
Make sure that all the images remain resizable for responsiveness matters and that you optimize/compress the image format when possible.
By leveraging the benefits of the component it is possible to decrease repaint times and improve the time for first paint on the website. Given that images are currently the main performance bottleneck, addressing this issue can yield noticeable performance improvements.
Some images throughout the project are not optimized using the Next 13 built-in image component
<Image />
This even gives a warning when building the project and could be easily fixed by changing current
tags for components. Be aware that the component has some key differences that a regular HTML
tag, please refer to the documentation to understand the differences before starting the changes in the project.
Make sure that all the images remain resizable for responsiveness matters and that you optimize/compress the image format when possible.
By leveraging the benefits of the component it is possible to decrease repaint times and improve the time for first paint on the website. Given that images are currently the main performance bottleneck, addressing this issue can yield noticeable performance improvements.