Performance & Scalability
Improve the load time of images by reducing their size through lossless or lossy compression, adding images in inline code, or lazy loading images.Talk to a Developer
Load images quickly for faster page speeds.
Optimizing images for your web application will produce faster load times, reduce load on your origin server, and result in better overall user experience.
Get more front-end optimizations with Section.
Section also provides you the ability to test before deployment and immediately identify issues via log management and real-time metrics, meaning that applications using Section cache more content, scale faster, and block more threats than with any other solution.
Section’s image optimization offerings include Kraken and Cloudinary, both of which offer specialized image optimization solutions, or alternatively as part of the PageSpeed FEO 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:
- Limiting code execution at your origin infrastructure
- Reducing bandwidth
- Increasing your application performance and scalability
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:
- Lossy mode
- Lossless mode
Size images automatically: To send fewer pixels to the browser, you can use Section’s image optimization to automatically shrink an image to its actual display dimensions before it is sent to the browser. This also means 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.
Request a Demo
Ready to jump in?
Our team of engineers is ready to talk through edge compute solutions to fit your application's needs.