Optimize images.
One of the quickest wins, sometimes with a tremendous impact, is image optimization.
- Compress images.
Use a tool in the list below to reduce file sizes. - Size images correctly.
If you display an image in 300 Ă— 150, serve it in 300 Ă— 150. - Serve responsive images.
Serve different image sizes to different devices.
Tools and articles
- Tinyjpg (Compression)
- Imageoptim (Compression)
- Imagemin (Compression)
- Responsive images on MDN
- Photopea - online image editing
- Efficiently encode images