Nucleo-Estudantes-Informatica-ISEP / antirecurso

Wanna pass your exams? We gotcha! 😉
https://antirecurso.nei-isep.org
GNU General Public License v3.0
11 stars 7 forks source link

Optimize images #44

Closed tomasflopes closed 1 year ago

tomasflopes commented 1 year ago

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.