WEB主題公園
WordPress原創(chuàng)主題,高端網(wǎng)站模板建站,網(wǎng)站模板建站資源以及開發(fā)知識(shí)分享,盡在WEB主題公園
WEB主題公園致力于開發(fā)適合中國(guó)人習(xí)慣的中文WordPress網(wǎng)站模板,并提供全程視頻教程,讓您能夠輕松的使用網(wǎng)站模板建立好自己的網(wǎng)站!
移除wordpress前端自帶的js和css

wordpress在其wp-head和wp-foot函數(shù)中,會(huì)自動(dòng)加載一些js和css,但這些js和css往往在我們實(shí)際的使用中卻無(wú)法用到,這就造成了一些資源的浪費(fèi),會(huì)將我們的網(wǎng)站速度拖慢。
我們之前發(fā)布了一篇文章清理header的文章,但是這個(gè)清理不是很全面,因此在這里,我們來(lái)說(shuō)明一下如何將wordpress所有自動(dòng)加載的css和js清理掉,讓我們的網(wǎng)站速度加載更快。
今天我們從wordpress比較難刪除的幾個(gè)加載開始講解,網(wǎng)上針對(duì)這幾個(gè)比較難以刪除的加載資料很少,這里給大家一個(gè)解決的方法。
首先說(shuō)道的是Dashicons.css、thickbox.css、thickbox.js
dashicons,Dashicons 是 WordPress 3.8 版本引進(jìn)的圖標(biāo)字體
打開源碼,你會(huì)發(fā)現(xiàn)你的wordpress頭部加載了Dashicons.css,文件保存在wp-includes文件夾內(nèi),這個(gè)css樣式是wordpress引進(jìn)的圖標(biāo)字體加載,具體的圖標(biāo)是后臺(tái)中如“儀表盤”、“文章”等按鈕前面的圖標(biāo)。
然而在我們的網(wǎng)站前端一般是不用到這個(gè)圖標(biāo)的,除了在我們登陸之后,頂部顯示的管理員登陸條需要這個(gè)css顯示,因此,我們可以規(guī)定,在未登錄情況之下,去除掉他,讓js加載更快。
thickbox.css和thickbox.js是wordpress自帶的一個(gè)彈出層控件
thickbox.css、thickbox.js是wordpress自帶并修改過(guò)的彈出層控件,在后臺(tái)的作用是彈出媒體庫(kù)等信息,因此在前端中,我們一般也不需要這個(gè)空間,除非是你的主題使用了這個(gè)控件只做了彈出效果,這需要你查看你的主題介紹或者咨詢主題作者,而一般的主題都不會(huì)使用它。
因此這個(gè)控件的js和css都可以刪除,它一共加載了一個(gè)css文件,一個(gè)js'文件以及一個(gè)內(nèi)置的script標(biāo)簽,我們可以將其清理不去加載。
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');}
}
這樣,在未登錄時(shí),就不會(huì)再加載這些文件了,而在登陸之后訪問(wèn)前端,為了頂部管理員工具條能夠正常顯示,這段代碼在登陸之后會(huì)自動(dòng)加載(代碼中已作出判斷)
清理emoji表情的腳本加載
wordpress自帶了wp-emoji-release.min.js,用于加載emoji表情,這是在wordpress4.2中加入的,你可以徹底刪除這個(gè)表情加載的腳本,可以使用Disable Emojis插件來(lái)禁用這個(gè)表情,也可以使用一下代碼放入你的function.php或者關(guān)聯(lián)的功能性文件中:
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;
這樣就完全禁止加載了。
WEB主題公園的主題近期會(huì)批量更新這些清理,對(duì)所有的主題進(jìn)行優(yōu)化,如果你所使用的主題還在加載這些js和css,可以將這些代碼自己加在當(dāng)前主題目錄下functions文件夾下的functions_z.php中,或者加載widget.php都是可以的,之后的更新之后不需要再重新添加了。
希望此文章可以幫助你優(yōu)化好你的網(wǎng)站,感謝你的關(guān)注。
如未標(biāo)明出處,所有文章均為WEB主題公園原創(chuàng),如需轉(zhuǎn)載,請(qǐng)附上原文地址,感謝您的支持和關(guān)注。
本文地址:http://www.dengyin90.cn/ycwordpressqdzddjshcss.html
推薦閱讀
- 2013年10月7日
- 2014年2月10日
- 2015年10月16日
- 2012年9月3日
- 2013年5月19日
- 2015年12月30日




