Image Optimization

Image optimization is the process of improving the load time of images by reducing their size through lossless or lossy compression, adding images in inline code, or lazy loading images.

Load images quickly for faster page speeds.


Optimizing images for your web application will product faster load times, reduce load on your origin server, and result in better overall user experience.


page load time

Serve more images, more quickly.

The image optimization techniques offered through section.io allow you to serve image-heavy pages more quickly, so you never have to worry about the number of images on your web application.

dynamic caching

Increase overall page load time.

Images are one of the most resource-heavy elements of a webpage, and regularly slow down front end load time. By reducing image size and employing lazy loading, users will experience faster page load times.

search engine optimization

Select optimal image formats and sizes.

section.io ensures your images are put into the optimal format and size without any work needed from you. The Application Edge will automatically selects the best image format (PNG, JPEG, WebP) for each request based on the requesting browser’s capabilities.

Global delivery network

Reduce back end load and server cost.

By reducing image sizes, setting browser cache settings, and performing other image optimizations web applications will reduce the amount of work their servers need to perform to serve web pages and therefore reduce hosting costs.

Get more Front End Optimizations with section.io.


section.io offers image optimization as part of a larger Front End Optimization module which can minify CSS, defer Javascript, and more. Using this module in conjunction with section.io’s dynamic caching and static caching will provide your website with the fastest load times possible, both in back end and front end load time.

section.io also provides developers the ability to test before deployment and immediately identify issues via log management and real-time metrics, meaning that websites using section.io cache more content, scale faster, and block more threats than with any other solution.


Contact Us

Image Optimization: Technical Details


section.io’s Image Optimization is part of the Google PageSpeed module, which includes a range of front end optimizations. This allows you to deliver optimal image experiences for your users at the same time as:


Optimal image format selection

Automatically select the best image format for the browser type requesting the page. Image formats sent will be chosen automatically based on the requesting browser’s capabilities and will include PNG, JPEG and WebP. WebP is a modern image format that is supported in modern browsers, and provides better compression and includes features of all other formats such as:


Size Images Automatically

To send fewer pixels to the browser, you can use section.io’s image optimization to automatically shrink an image to its actual display dimensions before it is sent to the browser. This also means the the browser will need to work less to render the image.

The PageSpeed module can make decisions on the width and height of an image to send based on the design of the page, the visitor’s device, and the visitor’s actions.


Lazy Loading of Images

Lazy loading is a technique which intelligently loads images only as they appear in your visitor’s browser. Above-the-fold images are loaded immediately, and images below-the-fold are only loaded as a visitor scrolls to them. This prevents your web server from loading images that are never viewed and allows you to create longer, image-heavy pages without a reduction in page load time.

Read Documentation