西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > wordpress教程 >

移除wordpress前端自带的js和css

时间:2016-10-20 14:07来源:未知 作者:好模板编辑 点击:
wordpress-clean-up wordpress在其wp-head和wp-foot函数中,会自动加载一些js和css,但这些js和css往往在我们实际的使用中却无法用到,这就造成了一些资源的浪费,会将我们的网站速度拖慢。 我们
wordpress-clean-up
wordpress在其wp-head和wp-foot函数中,会自动加载一些js和css,但这些js和css往往在我们实际的使用中却无法用到,这就造成了一些资源的浪费,会将我们的网站速度拖慢。
我们之前发布了一篇文章清理header的文章,但是这个清理不是很全面,因此在这里,我们来说明一下如何将wordpress所有自动加载的css和js清理掉,让我们的网站速度加载更快。
今天我们从wordpress比较难删除的几个加载开始讲解,网上针对这几个比较难以删除的加载资料很少,这里给大家一个解决的方法。
首先说道的是Dashicons.css、thickbox.css、thickbox.js
dashicons,Dashicons 是 WordPress 3.8 版本引进的图标字体
打开源码,你会发现你的wordpress头部加载了Dashicons.css,文件保存在wp-includes文件夹内,这个css样式是wordpress引进的图标字体加载,具体的图标是后台中如“仪表盘”、“文章”等按钮前面的图标。
然而在我们的网站前端一般是不用到这个图标的,除了在我们登陆之后,顶部显示的管理员登陆条需要这个css显示,因此,我们可以规定,在未登录情况之下,去除掉他,让js加载更快。
thickbox.css和thickbox.js是wordpress自带的一个弹出层控件
thickbox.css、thickbox.js是wordpress自带并修改过的弹出层控件,在后台的作用是弹出媒体库等信息,因此在前端中,我们一般也不需要这个空间,除非是你的主题使用了这个控件只做了弹出效果,这需要你查看你的主题介绍或者咨询主题作者,而一般的主题都不会使用它。
因此这个控件的js和css都可以删除,它一共加载了一个css文件,一个js'文件以及一个内置的script标签,我们可以将其清理不去加载。
Dashicons和thickbox的清理方法
将下面的这段代码加入到你的function.php或者其他功能性文件中:
add_action( 'wp_print_styles',     'my_deregister_styles', 100 );
function my_deregister_styles()    {
if(!is_user_logged_in()){
wp_deregister_style( 'amethyst-dashicons-style' );
wp_deregister_style( 'dashicons' );
wp_deregister_script('thickbox');}
}
 
这样,在未登录时,就不会再加载这些文件了,而在登陆之后访问前端,为了顶部管理员工具条能够正常显示,这段代码在登陆之后会自动加载(代码中已作出判断)
清理emoji表情的脚本加载
wordpress自带了wp-emoji-release.min.js,用于加载emoji表情,这是在wordpress4.2中加入的,你可以彻底删除这个表情加载的脚本,可以使用Disable Emojis插件来禁用这个表情,也可以使用一下代码放入你的function.php或者关联的功能性文件中:
 
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'wp_print_styles', 'print_emoji_styles' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );
if ( !function_exists( 'disable_embeds_init' ) ) :
function disable_embeds_init(){
global $wp;
$wp->public_query_vars = array_diff($wp->public_query_vars, array('embed'));
remove_action('rest_api_init', 'wp_oembed_register_route');
add_filter('embed_oembed_discover', '__return_false');
remove_filter('oembed_dataparse', 'wp_filter_oembed_result', 10);
remove_action('wp_head', 'wp_oembed_add_discovery_links');
remove_action('wp_head', 'wp_oembed_add_host_js');
add_filter('tiny_mce_plugins', 'disable_embeds_tiny_mce_plugin');
add_filter('rewrite_rules_array', 'disable_embeds_rewrites');
}
add_action('init', 'disable_embeds_init', 9999);
endif;
 
这样就完全禁止加载了。
好模板网的主题近期会批量更新这些清理,对所有的主题进行优化,如果你所使用的主题还在加载这些js和css,可以将这些代码自己加在当前主题目录下functions文件夹下的functions_z.php中,或者加载widget.php都是可以的,之后的更新之后不需要再重新添加了。
希望此文章可以帮助你优化好你的网站,感谢你的关注。
 
(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容