Can I use a different CDN with Autoptimize?

Important note: Autoptimize works correctly out-of-the-box, so configuring it to work with your own CDN should only be done if you have good technical knowledge.

If you want to use a different CDN than the default when serving optimized images with Autoptimize, then please:

  1. Edit your DNS records to add a CNAME from to This step might be slightly different depending on what CDN you use. Below you can see an example, but we recommend you to contact your CDN provider so they can help you set this up.
    1. On the previous URL, replace with your actual domain name.
    2. If is already being used on your DNS records, you can change it to whatever you want, like or
  2. Make sure the new record ( works as expected with an online tool like
  3. Add the following code snippet to your functions.php file. You can use a plugin like this one.
    function use_my_own_cdn($urlIn) {
    	 return str_replace("","",$urlIn);

    Remember that you will need to change to the new URL you just created, replacing with your domain and cdn with the CNAME you chose.

    Note: the filter name changed since version 2.5 of Autoptimize.

Example - Cloudflare

Note: If you're having SiteGround as your hosting provider you cannot properly set Cloudflare and use it as a CDN together with ShortPixel Adaptive Images. For more information, visit this page: CDN via Cloudflare for websites hosted at SiteGround, it this possible?

Here is a step-by-step example of how to set up the CNAME (previous step 1) on Cloudflare. Please notice that we are not responsible for any changes made by Cloudflare that would invalidate the following steps. Therefore, if you encounter any issues while creating your new CNAME in your DNS records, please contact Cloudflare or your hosting provider.

  1. Enter your Cloudflare account
  2. Select the DNS section from the top menu.

  3. Add a new CNAME record from to

    Remember that should be changed to your actual domain, and that cdn should be changed to something else if it's already being used. For example:

    The little cloud must be orange so you can use the CDN features offered by Cloudflare.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us