If you’re using the open source TYPO3 for your enterprise’s content management system, you care about performance. Touted as a flexible and scalable CMS for websites and mobile apps, combining TYPO3 with MaxCDN helps you further enhance the performance TYPO3 affords.

This tutorial will show you how to use the TYPO3 CMS bootstrap package to integrate MaxCDN into your TYPO3 content management system.

Important Note

This tutorial assumes you have already created a pull zone.

  1. Go to your Typo3 Login page and login:

  2. In Admin Tools, select “Extension manager.” Then from the top dropdown menu, select “ Get Extensions.”.

  3. In the search field, enter “Content Replacer,” then press Enter. Once the search for the extension is done, click on the Import and Install icon next to the version 2.1.0.

  4. In your sidebar, select Template. Open the settings page of the template you’ve selected. Please note that the template has to be a rootlevel one.

  5. Add the following code in the setup field:
    config.tx_ja_replacer {
    search {
    1="typo3temp/
    2="fileadmin/
    3=”typo3conf/
    }
    replace {
    1="http://foo.bar.netdna-cdn.com/typo3temp/
    2="http://foo.bar.netdna-cdn.com/fileadmin/
    3="http://foo.bar.netdna-cdn.com/typo3conf/
    }
    }
    

    Please make sure to replace foo.bar.netdna-cdn.com with your actual cdn url. Save the settings.

  6. Flush your frontend cache once you make these changes.

NOTE

To ensure you implemented MaxCDN correctly, you can view the source code of any page to confirm that the CDN domain is being used for static assets instead of your origin domain. You can also use tools like pingdom, gtmetrix, webpagetest that can give you more detailed reports on your CDN implementation status.

Your are now serving static files through MaxCDN. If you have any questions, feel free to leave a comment below.