Notes - Image Performance Implementation
Ericko wicaksono
Ericko wicaksono
my own checklist to image implementation in a project:
- check project bundle.
- check require function, always make a static require.
- add attribute to image, for example: lazy or decoding = async
- add descriptive alternative and image name to improve seo
- use svg for icon, if necessary.
- when import a png image, always compress the image.
- when using next js, implement next/image.
- Encapsulate icon in a file, make a tree shaking object for group of image / icon. So, that can be imported some