Optimize Images

Crucial factors that contribute to page speed include the size of the file containing those assets that a page requests – these include the size of the file containing the web page itself. One of the largest factors contributing to the page speed issues is a high resolution image. There exists some ways to reduce a heavy image friction:

1. Use the Optimum Image Size for Every Responsive Breakpoint

Execute responsive images and present images that have the most suitable image sizes for your users’ devices. This will ensure users with small screens won’t need to download large images.

2. Use the Optimum Image Format for Every Image Type

For raster-based images like photographs, the use of JPG is highly recommended. Ensure to pull out unwanted image EXIF Metadata like geo information, camera, and others. A little proportion of JPG compression will go a long way. Begin at 80 percent and keep reducing until you start seeing a small reduction in image quality.

For vector-based images like icons, illustrations, and logs, the use of PNG or SVG format is recommended. So, pull out unwanted XML markups from all SVG images.