Typo3 CDN integration

Introduction

Typo3 is a CMS that is used to create and edit web pages. It doesn’t require knowledge of HTML and CSS. Initially, it was invented for editing websites, but now the system is used to control functionality, content and design. Here are some reasons why this CMS is so popular:

  • It is free and doesn’t require any license fees.
  • It is easy to use for creating and maintaining websites of various sizes.
  • It can be used both by amateurs and professionals.
  • It is supported by more than 100.000 developers around the world.

To make your Typo3 website work faster, use CDN. Here are some instructions how to integrate CDN with Typo3.

Before you start

  • Before you take any steps please back up your files and database.
  • In the following, we will integrate a CDN service using the CDN domain 12345.r.cdnsun.net. Please visit the Services/How-To section to obtain your CDN domain.
  • To integate a CDN service on https:// website you can use https://12345.r.cdnsun.net or you can use a custom CDN domain with SSL enabled.
  • If your website embeds custom fonts then please first enable CORS for them.
  • Before you take any steps please make sure that your CDN domain is ready-to-use here.

Create CDN Static service

Please refer to Creating a CDN Static service for more details.

Enable CDN in Typo3

  1. Log in to your Typo3 backend.
  2. Go to Admin ToolsExtension Manager.
    Typo3 Extension Manager
  3. Install the Smile CDN extension.
    Typo3 Smile CDN Extension
  4. In the Smile CDN extension configuration fill in your CDN domain as in the picture below.
    Typo3 Smile CDN - CDN Host
  5. Define Filtre(s) for static assets URLs rewrite as in the picture below.
    Typo3 Smile CDN - Filtre
  6. Click Save.
  7. In the top menu click on Flush frontend caches as in the picture below.
    Typo3 Flush Caches
  8. That's all.

Notes

  • View HTML source code of your web pages to verify that you are using CDN, you should see source attribute of your images, CSS, JavaScript, etc. beginning with your CDN domain.
  • Don't see your CDN domain in source code of your web pages? If your website is using any cache plug-in/mechanism then you might want to clear/flush its cache.
  • Having troubles with custom fonts? Please refer to Using custom fonts with CDN - setting CORS for more details.
  • Still having troubles? Check your CDN URLs in our CDN content check or please refer to Debugging a CDN service for more hints.

Contact Us

 __   __    ______   _    _   
 \ \\/ //  /_   _// | || | || 
  \   //    -| ||-  | || | || 
  / . \\    _| ||_  | \\_/ || 
 /_//\_\\  /_____//  \____//  
 `-`  --`  `-----`    `---`