Kadence Theme und WP Rocket: Wenn der Footer plötzlich verschwindet
WordPress-Nutzer setzen häufig auf leistungsstarke Kombinationen wie das Kadence Theme und das Optimierungstool WP Rocket, um ansprechende und schnelle Websites zu erstellen.
Doch mit der neuesten Version von WP Rocket kann es zu einem unerwarteten Problem kommen: Der Footer wird nicht mehr angezeigt. Dieses Problem tritt vor allem in Safari (sowohl auf Desktop als auch auf mobilen Geräten) auf und sorgt verständlicherweise für Frustration.
Ursache des Problems: WP Rocket’s „Automatic Lazy Rendering“
Die Ursache liegt in einer neuen Funktion von WP Rocket, dem sogenannten Automatic Lazy Rendering. Diese Funktion ist standardmäßig aktiviert und zielt darauf ab, die Ladegeschwindigkeit der Website zu verbessern, indem nicht sichtbare Inhalte verzögert geladen werden. Allerdings scheint es derzeit Kompatibilitätsprobleme mit dem Kadence Theme und Safari zu geben. Dies kann dazu führen, dass der Footer (und möglicherweise andere Bereiche) auf der Website nicht korrekt angezeigt wird.
Lösung: Exkludieren oder Deaktivieren der Funktion
Der Kadence-Support hat zwei mögliche Lösungen vorgeschlagen, um das Problem zu beheben. Dabei wird ein PHP-Snippet genutzt, das entweder den Footer von der Optimierung ausschließt oder die Funktion vollständig deaktiviert. Hier sind die beiden Ansätze:
Option 1: Den Footer von WP Rocket ausschließen
Wenn nur der Footer betroffen ist, können Sie diesen gezielt von der Lazy Rendering-Funktion ausnehmen. Dazu fügen Sie den folgenden Code in Ihre WordPress-Installation ein:
/* WP Rocket Automatic Lazy Render Exclusions
This filter matches HTML. Use a portion of the HTML you want to exclude.
*/
function kad_wpr_alr_exclusions( $exclusions ) {
$exclusions[] = 'class="site-footer"';
return $exclusions;
}
add_filter( 'rocket_lrc_exclusions', 'kad_wpr_alr_exclusions' );
Dieser Code sucht nach dem HTML-Element des Footers (in diesem Fall class=“site-footer“) und stellt sicher, dass es von der Optimierung ausgenommen wird.
Option 2: Die Funktion komplett deaktivieren
Falls das Problem nicht nur den Footer, sondern weitere Bereiche betrifft, können Sie die Funktion vollständig deaktivieren. Dazu verwenden Sie folgenden Code:
// Completely disable the WP Rocket Automatic Lazy Render feature
add_filter( 'rocket_lrc_optimization', '__return_false' , 999);
Dieser Snippet deaktiviert das Automatic Lazy Rendering komplett, sodass keine Bereiche Ihrer Website mehr davon beeinflusst werden.
Wie füge ich den Code ein?
Falls Sie nicht mit der Bearbeitung von PHP-Dateien vertraut sind, empfehlen wir, ein Plugin wie Code Snippets zu verwenden. Dieses Plugin ermöglicht es, PHP-Code einfach und sicher in Ihre Website zu integrieren, ohne direkt an den Theme-Dateien arbeiten zu müssen. Eine Anleitung zur Nutzung finden Sie hier.
Perspektive: Kompatibilitätsverbesserungen in der Zukunft
Das Problem ist dem WP Rocket-Team bekannt, und es ist möglich, dass eine zukünftige Version des Plugins eine bessere Kompatibilität bietet. Es kann sich lohnen, den WP Rocket-Support zu kontaktieren, um Informationen zu einem möglichen Fix oder weiteren Lösungsvorschlägen zu erhalten.
Fazit
Während WP Rocket ein mächtiges Tool zur Optimierung Ihrer WordPress-Website ist, zeigt dieser Fall, wie wichtig es ist, die Kompatibilität zwischen Plugins und Themes zu überprüfen. Mit den oben beschriebenen Lösungen können Sie das Problem beheben und sicherstellen, dass Ihre Website – einschließlich des Footers – in allen Browsern korrekt angezeigt wird.
Wenn Sie Unterstützung bei der Integration von Snippets oder der Optimierung Ihrer Website benötigen, stehen wir Ihnen bei realmaker.de gerne zur Seite. Gemeinsam finden wir eine Lösung, die nicht nur technisch sauber, sondern auch nachhaltig ist.
Ihr Michael von realmaker.de
Kreativagentur für Film & Web