觸屏版
全國(guó)服務(wù)熱線:0571-87205688
登錄
注冊(cè)
客戶中心
關(guān)注云客
wordpress大概從3.8版本開(kāi)始會(huì)自動(dòng)加載Google上面的Open Sans字體,并引用CSS樣式。這些字體主要用于顯示W(wǎng)P站點(diǎn)管理員登陸后頂部功能條的字體樣式,而對(duì)于國(guó)內(nèi)用戶來(lái)說(shuō),Google會(huì)出現(xiàn)經(jīng)常打不開(kāi)或者訪問(wèn)速度過(guò)慢的情況,加載Google的字體無(wú)疑是自尋死路,直接影響站點(diǎn)后臺(tái)的打開(kāi)速度。如果你的模板也加載了Google字體,那么恭喜你:站點(diǎn)訪問(wèn)者都直接洗洗睡了!
通過(guò)觀察代碼可以看到,WP是這樣加載字體的,在script-loader.php(wp-3.9)的580行代碼進(jìn)行加載。
1<link rel="stylesheet" id="open-sans-css" href="//fonts.googleapis.com/css?2family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&3subset=latin%2Clatin-ext&ver=3.9.1" type="text/css" media="all">
那該怎么去掉呢?方法主要有2個(gè):functions.php過(guò)濾
在主題中的functions.php文件末尾加上一下代碼之一即可。此方法僅在前臺(tái)有效,在后臺(tái)界面無(wú)效,因?yàn)閮H修改主題代碼。
1.代碼一 1// Remove Open Sans that WP adds from frontendif (!function_exists('remove_wp_open_sans')) : function remove_wp_open_sans() { wp_deregister_style( 'open-sans' ); wp_register_style( 'open-sans', false ); } add_action('wp_enqueue_scripts', 'remove_wp_open_sans'); // Uncomment below to remove from admin // add_action('admin_enqueue_scripts', 'remove_wp_open_sans');endif;
2.代碼二
1function remove_open_sans() { wp_deregister_style( 'open-sans' ); wp_register_style( 'open-sans', false ); wp_enqueue_style('open-sans',''); } add_action( 'init', 'remove_open_sans' );
插件過(guò)濾
為此還專門有人做了插件來(lái)去除字體加載。此方法在前臺(tái)和后臺(tái)均有效。
1. 插件一
名稱:Remove Open Sans font Link from WP core
地址:http://wordpress.org/plugins/remove-open-sans-font-from-wp-core/
簡(jiǎn)介:Installs ‘Remove Open Sans font Link from WP core’ plugin on your wordpress blog, so it will doesn’t load Open Sans font from Google fonts. 移除WP核心的谷歌字體鏈接.
2. 插件二
名稱:Disable Google Fonts
地址:http://wordpress.org/plugins/disable-google-fonts/
簡(jiǎn)介:另一個(gè)類似的插件
使用GoAgent
如果你在使用GoAgent系統(tǒng)代理,可以在SwitchySharp或者AutoProxy選項(xiàng)里添加切換規(guī)則:
規(guī)則名稱:google-fonts
URL 模式:*://*.googleusercontent.com/*
情景模式:GoAgent
字體
Open Sans字體挺好看的,如果是用國(guó)外的主題并且用上這個(gè)字體,或者是想保留,可以在本地安裝該字體。將壓縮包里面的文件拷貝到C盤fonts文件夾即可完成安裝。
下載地址:http://xuanfengge.com/demo/201406/Open-Sans.zip
效果預(yù)覽:http://www.google.com/fonts/specimen/Open+Sans
分析原因
由于最近谷歌被墻,很難打開(kāi),導(dǎo)致站點(diǎn)在引用谷歌上的資源,如字體、jquery等文件時(shí),會(huì)出現(xiàn)嚴(yán)重超時(shí)的情況,最終導(dǎo)致站點(diǎn)打開(kāi)速度極慢。這個(gè)可能是其中的一個(gè)原因,但具體是什么,又如何找出根源呢?下面來(lái)簡(jiǎn)單分析下(Chrome瀏覽器下)
1. 查看網(wǎng)絡(luò)連接
站點(diǎn)在未完全打開(kāi)的情況下,Chrome的左下角會(huì)顯示網(wǎng)絡(luò)請(qǐng)求的狀態(tài),如“正在解析主機(jī)”、“正在等待tieba.baidu.com響應(yīng)”。如果此時(shí)發(fā)現(xiàn)在某個(gè)響應(yīng)等待時(shí)間過(guò)長(zhǎng)(一般是外站資源,如頭像、字體),那這個(gè)就是一個(gè)拖慢速度的原因。
2. 查看網(wǎng)絡(luò)請(qǐng)求
F12或右鍵“審查元素”進(jìn)入開(kāi)發(fā)者模式,選擇“Network”,F(xiàn)5刷新頁(yè)面,查看戰(zhàn)情的網(wǎng)絡(luò)請(qǐng)求。等待完全加載后,查看所有的請(qǐng)求,紅色部分為訪問(wèn)出錯(cuò),未請(qǐng)求到資源,同時(shí)可以再該項(xiàng)的Time看到請(qǐng)求到出結(jié)果所花費(fèi)的時(shí)間。如果時(shí)間過(guò)長(zhǎng),也是一個(gè)拖慢站點(diǎn)訪問(wèn)速度的原因。
Chrome開(kāi)發(fā)者工具
3. 定位根源
根據(jù)上面的介紹,找到訪問(wèn)過(guò)慢的請(qǐng)求,點(diǎn)擊查看詳細(xì)內(nèi)容。如出現(xiàn)谷歌字體加載問(wèn)題,如請(qǐng)求URL為http://fonts.googleapis.com/css?family=Open+Sans&ver=3.9.1。
此時(shí)開(kāi)發(fā)者面板切換到Elements頁(yè)面,CTRL+F搜索“Google”或者其他關(guān)鍵字,可在代碼中定位這個(gè)請(qǐng)求的位置。
4. 文件定位
上面是找到了原因,但是可能代碼并不是在header.php或者index.php里面。那就需要使用編輯器搜索了,在主題中搜索。如使用sublime編輯器,將主題文件夾拖拽到編輯器中,在項(xiàng)目右鍵“Find in Folder”,輸入關(guān)鍵字,即可在多文件中定位代碼位置。找到代碼后,注釋相關(guān)代碼即可。如:
如找到并注釋代碼(functions.php),可解決出現(xiàn)http://fonts.googleapis.com/css?family=Open+Sans&ver=3.9.1請(qǐng)求的問(wèn)題:
1//wp_enqueue_style( 'google-font', 'http://fonts.googleapis.com/css?family='.$all_font );
注釋以下代碼(html5lightbox.js)可解決出現(xiàn)http://fonts.googleapis.com/css?family=Armata請(qǐng)求的問(wèn)題:
1// var fontRef = ("https:" == document.location.protocol ? "https" : "http") + "://fonts.googleapis.com/css?family=Armata";// var fontLink = document.createElement("link");// fontLink.setAttribute("rel", "stylesheet");// fontLink.setAttribute("type", "text/css");// fontLink.setAttribute("href", fontRef);// document.getElementsByTagName("head")[0].appendChild(fontLink);
如果感覺(jué)速度不夠快,那就進(jìn)行更多的優(yōu)化比如CDN加速、緩存、服務(wù)器等等優(yōu)化吧
評(píng)論(0人參與,0條評(píng)論)
發(fā)布評(píng)論
最新評(píng)論