To implement ImageEngine’s image optimization for Sitefinity, you must sign up for an ImageEngine account if you do not already have one. During the signup process, you’ll be asked for the website domain where you intend to use ImageEngine and Origin URL for most images. For more information about signing up, please refer to this article: Getting Started: Signup.
Using ImageEngine on Sitefinity provides the following benefits:
- Images Optimized specifically for the user's device and browser
- ImageEngine's global network offers closer locations for website visitors.
- Improved performance by offloading web server traffic.
- Faster HTTP queue with fewer requests waiting, resulting in quicker service.
- Reduced outgoing bandwidth between web server and clients.
- Immediate benefits from using CDN resources from different domains:
- - No need for browsers to apply the same cookies as the site domain (authentication, tracking, etc.).
- - Browsers can handle more parallel requests per domain.
- Reduced SQL server queries and connections, resulting in faster processing.
- Lower bandwidth and data transfer between SQL server and web server.
Sitefinity CMS supports integration with CDN for caching and serving media content. Once you configure CDN for an existing blob storage provider, Sitefinity CMS serves all media content item URLs from the CDN (for example, http://aabbcc.cdn.imgeng.in/images/img1.jpg). Thus, when the client (browser) requests a specific content item from the CDN, and ImageEngine stores the item in its cache, ImageEngine serves the item very quickly. If ImageEngine does not have the item stored in the cache, ImageEngine requests your "Origin" server (for example, http://mysitefinitysite.com/images/img1.jpg) to load the item, processes it, and then serves it to the client.
Keep in mind that setting up a storage provider to use a CDN will effect all content using that storage provider, you may desire to serve large images or video content differently, and move them elsewhere before configuring the blob storage provider
Once signed up for an ImageEngine account, you will be issued a unique delivery address following this pattern: “aabbcc.cdn.imgeng.in.” Custom delivery addresses may also be made after the initial signup process is complete. For more information, see our article here: Creating and Managing Engines.
Take note of your delivery address, as we will need it in the next steps.
Setting up Sitefinity Libraries to use ImageEngine
- Log in to your Sitefinity backend and navigate to Administration > Settings > Advanced > Libraries > Blob storage > Blob storage providers.
- Note: This guide presupposes that you are utilizing an existing Blob Storage. Please see Sitefinity documentation for information on creating and using blob storages.
- Expand the node of the blob storage with which you want to use ImageEngine and click Parameters > Create new.
This box will appear:
- The key should be
cdnand the value should be your ImageEngine Delivery Address.
- Note: Ensure you add (https://) to your delivery address in the CDN value.
- Click Save Changes.
- Restart your web application.
At this point, you're all done! To confirm that your static assets are using the Delivery address and not your origin URL, please check your page source.
Removing CDN from Sitefinity
To disable your ImageEngine implementation, simply remove the CDN parameter from the library where it was previously added. An app restart may be needed.
Please refer to Sitefinity's documentation for more information: https://www.progress.com/documentation/sitefinity-cms/use-cdn-storage-for-content-libraries