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.Get Started
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 offers specialized image optimization separately with Kraken and Cloudinary. Using an image optimization module in conjunction with Section’s dynamic caching and static caching will provide your application with the fastest load times possible, both in back-end and front-end load time.
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. 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 image optimization 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.
Ready to jump in?
Add image optimization to your edge stack to accelerate your application.