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 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 );

另外

本站所有文章均为原创,欢迎转载,请注明文章出处:https://blog.brain1981.com/2989.html。百度和各类采集站皆不可信,搜索请谨慎鉴别。技术类文章一般都有时效性,本人习惯不定期对自己的博文进行修正和更新,因此请访问出处以查看本文的最新版本。

关注我们的微信公众号-JennyStudio 本站记录了近几年的工作中遇到的一些技术问题和解决过程,“作品集”还收录了本人的大部分作品展示。除了本博客外,我们的工作室网站 – JennyStudio,内有更多作品回顾和展示。
您也可以扫描左边的二维码,关注我们的微信公众号,在微信上查看我们的案例。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注