Article suggestions
  1. Home
  2. Common Questions & Troubleshooting
  3. Front-End Optimization: Use a Content Delivery Network (CDN) For Images

Front-End Optimization: Use a Content Delivery Network (CDN) For Images

Front-End Optimization: Use a Content Delivery Network (CDN) For Images
  • avatar
Written by Chan Nier
Updated on February 14, 2025

Link: https://support.brilliantdirectories.com/support/solutions/articles/12000087030-front-end-optimization-use-a-content-delivery-network-cdn-for-images

The Front-End Optimization: Use Content Delivery Network (CDN) For Images is one of the new advanced settings that will enable additional optimization to the website performance. In this setting enter a URL to use a service like imagekit.io to serve images from an image CDN with automatic optimization and real-time transformation. Images that are served from a relative path will be updated to include the inputted CDN.

For example, if this setting is enabled, an image that is set to /images/logo.png will be served from https://ik.imagekit.io/your-account-id/images/logo.png, optimizing the loading speed.

To find this setting go to Settings > Advanced Settings:
Front-End Optimization: Use Content Delivery Network (CDN) For Images

Enter the URL of the service to use as a CDN to load the images. In this article, we will be using imagekit.io.

To use imagekit.io the first step is to create an account. To do this go to: https://imagekit.io/ and click on the GET STARTED FOR FREE button:

Then to create the account signup with either a Google account or set up an email and password:

It will give the imagekit.io ID, but it still needs to be configured, select a region and click NEXT:

To set up imagekit to load the site images click on either "Configure External Origin" or "External Storage":

In the external storage section click on Add new, then fill out the following:

1. Origin name: Enter any name to identify this "new origin"

2. Origin type: Select Web Folder - HTTP (S)... etc.

3. Base URL: enter your site's domain

4. Save the setup

A success message will appear, disregard and click on URL endpoints and then click on Add NewAdd a name for endpoint, add a description, and click on Attach an existing origin here click on the web folder created in the previous step, then make sure to save the changes.:

Copy the endpoint URL:

Go back to the brilliant directories admin backend, go back to the advanced settings: 
Front-End Optimization: Use Content Delivery Network (CDN) For Images

Copy the imagekit URL with the account ID as it.

With this setup, the site images will now be served from the imagekit platform, and the site will have optimized the image loading speed.


Thank you for leaving a rating!
Did you find this article helpful?
0 out of 0 people found this article helpful so far
Can't find what you're looking for? Get in touch
How can we help?
Send your question below and we'll get back to you as soon as possible.
Cancel
translation missing: en.kb.default.contact_form_error
×
Thanks for your message!
Thanks for your message!
×