A website consisting of just plain text content is rarely seen among modern sites. Rich content types such as audio, video, and images are preferred in modern sites, encouraging users to interact with the site and providing a visual representation of content. However, these rich content types increase the page loading time and page size compared to plain text web pages.
On websites with a large number of images, optimization is an essential task, especially for letting users browse the site on mobile devices without unnecessary waiting time. The optimization of images can be achieved by implementing several techniques, such as the following:
- Uploading images with the right dimensions for the screen size
- Compressing
- Resizing
- Reducing file size by customizing the image quality
- Conditionally loading different image sizes based on screen size
We can manually optimize...