Skip to main content

Améliorer le temps de chargement de WordPress en éliminant le CSS de Gutenberg

Écrit le . Publié dans .

Temps de lecture : 1 minutes

Nombreux sites propulsés par WordPress sont construits avec des builders (constructeurs de thèmes) qui ont leur propres feuilles de style CSS. Or de base, lorsque une version récente de WordPress est installée, elle inclut l’éditeur Gutenberg et embarque avec lui diverses ressources de mise en forme : blocks, storefront (le thème WooCommerce) etc. Cependant, si vous n’utilisez pas Gutenberg sur votre site, vous pouvez grâce à quelques lignes de code personnalisé, prévenir le chargement de ces ressources inutilisées afin de réduire le poids de vos pages et améliorer leur vitesse de chargement.

Comment empêcher le chargement des fichiers Gutenberg ?

Dans le fichier functions.php de votre thème enfant ou dans un plugin « Must Use » insérez ces lignes de code :


// Fully Disable Gutenberg editor.
add_filter('use_block_editor_for_post_type', '__return_false', 10);
// Don't load Gutenberg-related stylesheets.
add_action( 'wp_enqueue_scripts', 'remove_block_css', 100 );
function remove_block_css() {
    wp_dequeue_style( 'wp-block-library' ); // WordPress core
    wp_dequeue_style( 'wp-block-library-theme' ); // WordPress core
    wp_dequeue_style( 'wc-block-style' ); // WooCommerce
    wp_dequeue_style( 'storefront-gutenberg-blocks' ); // Storefront theme
}
Partager l’article

A lire également

Écrit le . Publié dans .
Améliorer la qualité des services proposés est essentiel pour la rétention des clients. C’est dans cet esprit que la box CrossFit Nîmes nous a sollicités afin de développer une Application Web Progressive (PWA) pour les WODs (programmation d…
Service de messagerie sécurisée protonmail
Écrit le . Publié dans .
Dans nos échanges aussi bien professionnels que personnels, énormément d’informations confidentielles sont communiquées quotidiennement par e-mail. Si vous tenez à la confidentialité de vos données, et plus généralement, à la sécurité de toute vot…
Écrit le . Publié dans .
Le suivi des performances et de l’état de santé d’une application ou d’un site web est primordial. Les APM (Application Performance Monitoring) permettent de mesurer l’ensemble des indicateurs et de collecter les différentes métriques. New Relic, …