Gutenberg-CSS aus WordPress entfernen

WordPress lädt auf jeder Seite die Stylesheets des Block-Editors – auch dann, wenn Sie Ihre Seiten mit Elementor, WPBakery oder dem Classic Editor bauen. Das sind unnötige Kilobytes, die den Seitenaufbau verlangsamen.

Welche Dateien werden geladen?

  • wp-block-library – die Basis-Styles aller Blöcke
  • wp-block-library-theme – zusätzliche Theme-Styles
  • global-styles – Inline-CSS aus der theme.json
  • wc-blocks-style – Styles der WooCommerce-Blöcke, falls WooCommerce aktiv ist

Gutenberg-CSS entfernen

Fügen Sie diesen Code in die functions.php Ihres Child-Themes ein:

add_action( 'wp_enqueue_scripts', function () {
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
    wp_dequeue_style( 'global-styles' );
    wp_dequeue_style( 'classic-theme-styles' );
    wp_dequeue_style( 'wc-blocks-style' ); // nur bei WooCommerce
}, 100 );

Wichtig: Vorher prüfen

Verwenden Sie irgendwo auf Ihrer Website doch Blöcke – etwa in Blogbeiträgen –, sehen diese danach ungestylt aus. Prüfen Sie nach der Änderung deshalb stichprobenartig Beiträge, Seiten und bei WooCommerce Warenkorb und Kasse. Entfernen Sie im Zweifel nur einzelne Zeilen.

Ergebnis

Je nach Installation sparen Sie mehrere HTTP-Anfragen und einige Kilobyte CSS pro Seitenaufruf – ein kleiner, aber einfacher Baustein für bessere Core Web Vitals.

Leave a comment