TYPO3 Speed & Performance - Essential Extensions!

TYPO3 Speed & Performance - Essential Extensions!

For all the benefits TYPO3 CMS brings, out of the box speed isn’t one of the biggest selling points. Luckily, there are a number of TYPO3 optimization Extensions and related tasks you can do to improve TYPO3 site performance to  — including installing the right TYPO3 Speed performance extensions.

The speed and performance of your TYPO3 website play a major role in your brand reputation.

Do you know?

Google cares about how quickly your website renders. It’s as simple as that. Load times are consistently rated a top SEO factor by experts and something Google has built a suite of tools around to help us measure and improve.

Paying attention to the speed and performance of your TYPO3 website with simple win tasks and extensions, you can accomplish is improving the performance of your TYPO3 site.

Below you’ll learn why a fast loading TYPO3 website is a must, and about the most useful and best TYPO3 performance extensions that are worth installing on your site.

Importance of a Fast Loading TYPO3 Website

TYPO3 is number one OpenSouce CMS which gets the highest ranking in one of the page performance reports. Feel proud of my friend ;)

As there is the quote - "First Impression is the last impression!"

You only have one chance to make an excellent first impression of your brand with the TYPO3 website. 

The second visitor lands on your site they're making decisions about whether your site/brand/service is dependable.  If your TYPO3 website is taking too long to even for loading, and your guests will hit the back button, in all likelihood never to return.

Maybe you have Googled “TYPO3 Performance Tips & Tricks”? No? Here is the ultimate TYPO3 performance guide that you can’t afford to miss!

TYPO3 Page Speed: Measuring Your Performance Baseline

You can't begin your TYPO3 Optimization on your TYPO3 website if you don't have a clue where you stand right now.

Luckily, there are several website speed test tools that will give you a baseline figure you can start improving from. Keep in mind that just because your website seems to load quickly on your computer, doesn’t mean this is the same reality for your visitors.

Fortunately, there are a few site speed test tools that will provide you an ideal figure for you to begin improving from. Remember that even if your site appears to load rapidly on your PC, doesn't mean it is a similar reality for your guests.

Things like the physical location of your visitors, their internet connection speeds, and whether or not they have a cached version of your site will all influence loading speeds.

There are a few tools that you can run your site through to get more exact performance statistics and suggestions. The most popular tools include:

Here’s an example of what your website speed test results will look like from GTMetrix:

Solid loading time is anything under 2 seconds. Of course, the lower you can get this number the better. The site in the image above is pretty good, but there are a few tweaks that could push that up to an A grade.

Yet another reason we are going over the best TYPO3 performance extensions for you!

What Makes a TYPO3 Website Load Slowly?

There are numerous factors that will impact the performance of your TYPO3 website. 

If you check your website with the speed test websites stated above, at that point you likely have a good list of improvements suggested to make.

Almost all of the TYPO3 speed and performance extensions suggested in the blog will fix most of these issues for you. 

But before we hop into the list of extensions, you'll need to fix any of the basic fundamental execution issues. 

Here are the absolute most noteworthy factors that will add to the poor performance of your website:

  • Your web host 

You need a reliant TYPO3 web host that can support the size of your website and existing traffic levels. Moreover, it needs to be configured properly and run quality server hardware and software to help you get the most out of your site.

  • Your template quality 

Your TYPO3 template should be lightweight, speedy, and ideally pretty minimal. Heavy templates lead to slower sites and put you at a disadvantage when it comes to optimizing your website.

  • Size of your site

Large sites can load quickly, but they need to be paired with the right kind of hosting plans. Plus, additional optimization steps need to be taken to reduce the overall size of your site. Opting for solutions like TYPO3 SaaS can lead to improved performance and security of your website.

  • Choice of Extensions 

Extensions should only be installed for must-have features. If you have too many stacked, inactive, or non-updated extensions, this can really slow down your site.

Speed Up Your TYPO3 Website: Best TYPO3 Performance Extensions


 

TYPO3 Extensions for Performance Analysis

#1 PageSpeed Insights

This extension will give you the possibility to check your TYPO3 pages with PageSpeed Insights. The performance of your page is checked with Lighthouse and will give you an indication of the performance of your page. Besides performance, you will also get your Lighthouse scores for SEO, Accessibility, Best practices, and PWA.

V9, 10

TYPO3 Compatibility

page_speed_insights

Extension Key

#2 TYPO3 Extension Compatibility Report

One of the only TYPO3 extensions which provides all the features like TYPO3 Extensions Compatibility Report, Notification of new update via Email, System overview report, Compatible with all major versions of TYPO3 from 4.x to 9.x. This extension will help you to check the TYPO3 upgrade technical feasibility & complexity.

V6 ,7 ,8 ,9 , 10

TYPO3 Compatibility

ns_ext_compatibility

Extension Key

#3 Zabbix Client

The zabbix_client extension provides a JSON API for the Zabbix monitoring software. With the help of this extension, the following goals will be achieved more closely:

V8,9, 10

TYPO3 Compatibility

zabbix_client

Extension Key

Static Site Generation (SSG) TYPO3 Extensions


#1 StaticFileCache

An Amazing TYPO3 extension from StaticFileCache Team. After installing this extension, Your site will by-pass the TYPO3 and directly load already generated HTML template files with help from .htaccess. This means that TYPO3 will not be loaded at all. Your server will have less work to do and will use less power. This extension works transparently together with the TYPO3 cache.

V10

TYPO3 Compatibility

staticfilecache

Extension Key

#2 Varnish Connector

This extension tells Varnish about TYPO3 insights of a page to allow Varnish to make proper caching decisions based on that information. Furthermore, it informs Varnish to invalidate its cache as soon as a content is changed through the TYPO3 backend. Some of its features are,

  • Ready to use configuration for Varnish and TYPO3
  • Varnish based caching for all cacheable pages
  • TYPO3 clear cache hook to clear cache for appropriate pages in Varnish too

V9, 10

TYPO3 Compatibility

varnish

Extension Key

#3 Nginx Cache Manager

This TYPO3 extension adds the required bits to use NGINX's fastcgi_cache for TYPO3 pages. It adds appropriate cache control headers, documents the required NGINX configuration, and flushes the Nginx cache when content changes.

V7, 8, 9, 10

TYPO3 Compatibility

nginx_cache

Extension Key

TYPO3 Extensions for Content Delivery Network (CDN)

#1 Cloudflare Client

This extension ensures your TYPO3 website is running optimally on the Cloudflare platform. With it, you receive:

  • Correct IP address information for visitors
  • Better protection against common vectors of attacks

V8, 9

TYPO3 Compatibility

cloudflare

Extension Key

#2 Amazon AWS S3 FAL driver (CDN)

This is a driver for the file abstraction layer (FAL) to support Amazon AWS S3. You can create file storage that allows you to upload/download and link the files to an AWS S3 bucket. It also supports the TYPO3 CMS image rendering.

V9, 10

TYPO3 Compatibility

aus_driver_amazon_s3

Extension Key

#3 Akamai CDN Adapter

Akamai CDN Adapter for TYPO3 allows flushing CDN caches related to a TYPO3 installation. When TYPO3 is behind Akamai's EdgeGrid CDN, this extension is a perfect companion for you. This extension hides the complexity of Akamai's EdgeGrid API to purge caches.

V9, 10

TYPO3 Compatibility

akamai

Extension Key

#4 Reverse Proxy - Cache Manager

Embracing TYPO3s Caching Framework this extension provides a new cache to track all pages outputted that are cacheable. When an editor changes to content on a page, the page cache needs to be cleared - and the reverse proxy needs to be informed that the cache is invalid. This is usually done via an HTTP PURGE request to the proxy server. The benefits for that are that the editor does not need to worry about why out-of-date information is still visible on his/her website.

V9, 10

TYPO3 Compatibility

proxycachemanager

Extension Key

TYPO3 Extensions for Images Optimization

#1 Lazy Load TYPO3 Extension

Are you facing speed and performance issues due to assets on your TYPO3 site? If yes, Lazy Load TYPO3 Extension plug-and-play extension reduces the number of HTTP requests mechanism and improves the loading time.

V7, 8, 9, 10

TYPO3 Compatibility

ns_lazy_load

Extension Key

#2 Resize images automatically

This extension automatically resizes images to a given maximum height/width or total image size right after they have been uploaded to the TYPO3 website. It lets TYPO3 automatically resize down their huge images/pictures on-the-fly during upload (or using a scheduler task for batch processing) and according to your own business rules (directory/groups). This will highly reduce the footprint on your server and speed-up response time, if lots of images are rendered, (e.g., in a gallery).

V8, 9, 10

TYPO3 Compatibility

image_autoresize

Extension Key

#3 Create a WebP copy for images (TYPO3 CMS)

WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters, and web developers can create smaller, richer images that make the web faster. This extension adds automatically created _WebP_ copies of all JPEG and PNG images processed by TYPO3.

V8, 9

TYPO3 Compatibility

webp

Extension Key

#4 ImageOptimizer

The extension optimizes uploaded/processed images with binaries of your choice.

V10

TYPO3 Compatibility

imageoptimizer

Extension Key

TYPO3 Site Optimizer Extensions

#1 Source Optimization

This extension Source Optimization does Optimization of the final page by reformatting the (x)HTML output, removal of new lines, and quotes.

V9

TYPO3 Compatibility

sourceopt

Extension Key

#2 CSS/Javascript Minificator, Compressor, And Concat

This extension minimizes the Http requests by concatenating your CSS and javascript. Furthermore, the result can be minified and compressed. This whole process is highly configurable and is partly based on the "minify", "jsminplus" and "jsmin" projects.

V8, 9

TYPO3 Compatibility

scriptmerger

Extension Key

#3 Frontend Performance

This extension helps to improve frontend performance in TYPO3 CMS. It does,

  • Minification of JS (files and inline)
  • Exclude per page inline JS from the concatenation
  • Move default JS to the footer
  • Minify all generated HTML

V9, 10

TYPO3 Compatibility

fe_performance

Extension Key

#4 Cache optimizer

This Extension improves the cache clearing process of TYPO3. It uses an enhanced tag handling to clear the cache in these use cases:

When a content element is changed, when a file or the metadata of a file is changed, when a file is changed the directory is detected, and when a record of an Extension is changed.

V10

TYPO3 Compatibility

cacheopt

Extension Key

#5 Faster Backend Page tree

This extension replaces and extends parts of the new page tree component in TYPO3 9. By default, it loads subpage trees up to a configurable nesting level, adding database mounts and deeper subpage trees that have been explicitly opened by the current backend user. This is helpful for large installations with a lot of pages, in which the v9 core component can run into performance issues (server- and client-side).

V9

TYPO3 Compatibility

bp_pagetree

Extension Key

#6 Minifier for TYPO3

Extends TYPO3's compressor for JS and CSS with minifier. This may save you up to 70% of default compressed file size. Also compresses HTML output of TYPO3. Full composer support.

V7,8,9,10

TYPO3 Compatibility

min

Extension Key

Pro-Tips for improved performance of TYPO3 Core

#1 Enable TYPO3’s built-in cache

Make sure that you have enabled TYPO3’s core cache with the TypoScript setting.

  • Step 1. Go to Web > Template > Select root-page
  • Step 2. Edit Setup > Add following code > Click on Save button
# TypoScript Setup
config.no_cache = 0

 

#2 Compress and Concatenate Your Assets

Generally, your TYPO3 site may have more than 15+ CSS/JS files. Let's compress and concatenate them in a single file to avoid too many requests.

Step 1. Go to Web > Template > Select root-page

Step 2. Edit setup > Add following code > Click on Save button

 

# TypoScript Setup
config.compressCss = 1
config.compressJs =1
config.concatenateCss = 1
config.concatenateJs = 1

 

#3 Use TYPO3 + Varnish (EXT:varnish)

Do you love TYPO3 & Varnish? The varnish is the fastest, most flexible, and cost-efficient web accelerator available for your online business. Andri Steiner developed robust Varnish TYPO3 Extension Varnish Connector.

#4 Avoid JavaScript Block Rendering

Google PageSpeed highly recommends loading your Javascript at the end of the page to avoid JavaScript block rendering and increase first-byte rendering. Just make sure to include your JavaScript libraries with the following TypoScript way.

 

# TypoScript Setup
config.moveJsFromHeaderToFooter = 1
page.includeJSFooter {
    Jquery = jquery.min.js
    Bootstrap = Bootstrap.min.js
}

And that’s it!

If your site's speed and performance has been lagging, then optimizing your TYPO3 site for speed should be your number one priority.

You are not far away from a perfectly loading TYPO3 website, all you have to do is install, activate, and configure your TYPO3 extensions of choice from the list above.

Have you used any of these TYPO3 performance-boosting extensions? Have we missed any extension? Which one is your favorite and why? Let us know in the comments!

Post Comment

Your email address will not be published. Required fields are marked *

×

Name is required!

Enter valid name

Valid email is required!

Enter valid email address

Comment is required!

Google Captcha Is Required!

Comments :

  • Heiko Karner November 11, 2020 At 10:29 am
    Nice collection, Keep writing such nice blog.
  • Gabriele Zöller October 6, 2020 At 8:45 am
    This is a really nice list of TYPO3 speed extensions. There are a few here that you listed that I didn't know about so I will definitely take them into account. Thanks for sharing these!
  • Sylke Joksch October 6, 2020 At 7:08 am
    Outstanding list of TYPO3 speed extensions. I love the simplicity and practicality of the TYPO3 performance plugins you listed above. I’d like to try this to see if it works on my website.
How To Clear TYPO3 Cache [With Useful Plugins]

How To Clear TYPO3 Cache? [With Useful Plugins]

When it comes to web performance, the TYPO3 cache is just one of those things that every site owner has to deal with at one point…

Comprehensive Guide to TYPO3 Solr Search : Series 3

Comprehensive Guide to TYPO3 Solr Search : Series 3

Welcome to Search Series 3! Are you looking for an Apache TYPO3 Solr extension? This blog will help you from Beginner to Advanced…

Enrich Your Website With Multipurpose TYPO3 Sliders

Enrich Your Website With Multipurpose TYPO3 Sliders

Setting up a slider image on your TYPO3 website can be your game changer. A slider to your website can improve User Experience to…

Stay up to date with our recent TYPO3 Blogs, news, & updates