How to Optimize Your Sitefinity Image Content in 4 Steps

Abraham George
September 24th, 2019
How to Optimize Your Sitefinity Image Content in 4 Steps

by Joseph LoPresti, Solutions Engineer at ScientiaMobile

If your business relies heavily on Sitefinity for web content management, it’s easy as one, two, three…four to improve your SEO and site speed. One of our customers improved their SEO with ImageEngine so much, they ranked on the top page of Google search results after their installment. Image optimization is especially important for image heavy content sites, that can bloat bandwidth, making it slower for mobile and desktop.

Below are the steps required to get you up and running faster than ever before with Sitefinity and ImageEngine (request a trial token or signup for ImageEngine here):

Step 1
Configure ImageEngine as a Binary Large Object (BLOB) storage provider

In the Sitefinity backend, navigate to Administration > Settings > Libraries > Blob Storage > Blog Storage providers and select “Create New.”

NewBlobStorage

Step 2
Configure the new Blog storage provider
  • Name: ImageEngine
  • Title: ImageEngine – Image CDN (You can name this whatever you would like)
  • Description: https://docs.scientiamobile.com/documentation/ImageEngine/index ( I like to add the documentation here for future reference.)
  • Global resource class ID: This can stay blank.
  • ProviderTypeName: Telerik.Sitefinity.Modules.Libraries.BlobStorage.OpenAccessBlobStorageProvider, Telerik.Sitefinity
  • Enabled: Checked

ConfigureBlobStorage

Step 3
Save Changes and See ImageEngine within Blob Storage Providers (left of your settings panel)

image-5

Within this dropdown you should see Parameters as an option within ImageEngine. Click Parameters and click Create new. This will open up a form asking for a key and value. The key should be ‘cdn’ and the value should be the ImageEngine domain that ScientiaMobile had configured for you. Click Save changes.

Step 4
Final Setup of Image Libraries

Next you can go back to the main administrative page and click Content > Images from the top navigation. Here you will see all your image libraries and have the ability to create new image libraries. For each library you need to click Actions > Move to another storage and select ImageEngine. Please note that this operation may take some time if you have a large number of images.

MoveToAnotherStorage

Images-Library

With these steps, you should be all set and ready to improve your website for the better. If you have any questions or concerns about getting started, you can always contact me at Joe@ScientiaMobile.com and use our free resources such as our ImageEngine Getting Started Guide.