美工学习 发表于 2023-12-2 11:10:20

WordPress优化,前端删除classic-themes.min.css的引入

WordPress 6.1是近期发布的版本,如果你持续关注WordPress的更新和对网站的优化,会发现更新到6.1版本后,会多引用一个名为classic-themes.min.css的样式表。





该样式表很小,里面只有一条对按钮的定义,对网站并不会造成明显的影响,但毕竟是多引入了一个通常都无用的文件。本着“应优化尽优化”的原则,我们可以取消对改样式表的引入。实现很简单,直接拒绝引入该CSS文件:/*remove classic-theme-styles CSS, source https://blog.brain1981.com */
function brain1981_remove_wp_unused_css(){
        wp_dequeue_style( 'classic-theme-styles' );
}
add_action( 'wp_enqueue_scripts', 'brain1981_remove_wp_unused_css', 100 );补充一个常用知识由于我开发网站是不用古腾堡(Gutenberg)编辑器的,所以我会在屏蔽古腾堡编辑器的同时,在前端屏蔽所有相关的样式,可以删除的CSS引入有好几个,完整版本是://disable Gutenberg editor , source https://blog.brain1981.com
add_filter( 'use_block_editor_for_post', '__return_false' );
add_filter( 'use_widgets_block_editor', '__return_false' );

//remove global-styles-inline-css
remove_action('wp_enqueue_scripts', 'wp_enqueue_global_styles' );
remove_action('wp_footer', 'wp_enqueue_global_styles', 1 );

//remove classic-theme-styles CSS
function brain1981_remove_wp_unused_css(){
        wp_dequeue_style( 'wp-block-library' );
        wp_dequeue_style( 'wp-block-library-theme' );
        wp_dequeue_style( 'wc-blocks-vendors-style' );
        wp_dequeue_style( 'wc-blocks-style' );
        wp_dequeue_style( 'bp-member-block' );
        wp_dequeue_style( 'bp-members-block' );
        wp_dequeue_style( 'classic-theme-styles' );
}
add_action( 'wp_enqueue_scripts', 'brain1981_remove_wp_unused_css', 100 );

页: [1]
查看完整版本: WordPress优化,前端删除classic-themes.min.css的引入