Clearing the Frontend Cache in the TYPO3 Backend 

Tested in: TYPO3v13 Categories: Beginner Backend Cache FrontendCache Author: @ninaaline

After making changes to your TYPO3 website's content, templates, or configuration, the site's frontend may not immediately reflect these updates. This is typically due to the frontend cache, which stores a static version of your pages to ensure fast delivery to visitors. To force the website to display your latest changes, you must manually clear this cache.

Learning objective 

In this step-by-step guide, you will learn how to clear the TYPO3 frontend cache using the Flush Frontend Caches function available in the administrative toolbar.

Prerequisites 

Tools and technology 

  • A computer with a local TYPO3 installation
  • Access to the TYPO3 backend (admin account or user with cache clearing permissions)
  • A web browser

Knowledge and skills 

  • You know how to Log in in to the TYPO3 backend (CREATE)
  • You can Locate and use the TYPO3 backend's administrative toolbar (CREATE) in the TYPO3 backend.

Clearing the Frontend Cache 

  1. Log in to your TYPO3 backend as explained in Log in in to the TYPO3 backend (CREATE).

  2. In the backend, locate the administrative toolbar at the top of the screen. This bar contains various administrative icons, including the cache icon.

    TYPO3 administrative toolbar with five icons including the lightning for clearing caches

  3. Click on the lightning icon (the clear cache icon) in the administrative toolbar. This action will open a dropdown menu with two cache-related options.

  4. From the dropdown menu, select the option labeled "Flush frontend caches"

    Flush frontend cache Button with a green lightning icon

  1. After clicking the option, the lightning icon will display a brief loading spinner animation to indicate the cache is being cleared. The spinner will disappear quickly (usually within a few seconds) once the process is complete.
  2. Verify your changes by opening your website's frontend in a new browser tab and reloading the page. It's highly recommended to perform a hard refresh (pressing Ctrl + F5 or Cmd + Shift + R) to bypass your browser's local cache as well. The website should now display your latest updates.

Summary 

You successfully cleared the TYPO3 frontend cache by using the Flush Frontend Caches option in the administrative toolbar.

You confirmed the action's success by observing the loading indicator or notification, depending on your TYPO3 version.

Resources