打開WP后臺過慢原因,關(guān)閉WordPress自動加載的Open Sans谷歌字體
序言
wordpress大概從3.8版本開始會自動加載Google上面的Open Sans字體,并引用CSS樣式。這些字體主要用于顯示W(wǎng)P站點管理員登陸后頂部功能條的字體樣式,而對于國內(nèi)用戶來說,Google會出現(xiàn)經(jīng)常打不開或者訪問速度過慢的情況,加載Google的字體無疑是自尋死路,直接影響站點后臺的打開速度。如果你的模板也加載了Google字體,那么恭喜你:站點訪問者都直接洗洗睡了!
通過觀察代碼可以看到,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個:functions.php過濾
在主題中的functions.php文件末尾加上一下代碼之一即可。此方法僅在前臺有效,在后臺界面無效,因為僅修改主題代碼。西安網(wǎng)站建設(shè)推薦閱讀>>> 如何選擇wordpress主機(jī)空間?,
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' );
插件過濾
為此還專門有人做了插件來去除字體加載。此方法在前臺和后臺均有效。
1. 插件一
名稱:Remove Open Sans font Link from WP core
地址:http://wordpress.org/plugins/remove-open-sans-font-from-wp-core/
簡介: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核心的谷歌字體鏈接.西安網(wǎng)站建設(shè)推薦閱讀>>> 新手站長如何使用wordpress快速搭建網(wǎng)站,
2. 插件二
名稱:Disable Google Fonts
地址:http://wordpress.org/plugins/disable-google-fonts/
簡介:另一個類似的插件
使用GoAgent
如果你在使用GoAgent系統(tǒng)代理,可以在SwitchySharp或者AutoProxy選項里添加切換規(guī)則:
規(guī)則名稱:google-fonts
URL 模式:*://*.googleusercontent.com/*
情景模式:GoAgent
字體
Open Sans字體挺好看的,如果是用國外的主題并且用上這個字體,或者是想保留,可以在本地安裝該字體。將壓縮包里面的文件拷貝到C盤fonts文件夾即可完成安裝。
下載地址:http://xuanfengge.com/demo/201406/Open-Sans.zip
效果預(yù)覽:http://www.google.com/fonts/specimen/Open+Sans
分析原因
由于最近谷歌被墻,很難打開,導(dǎo)致站點在引用谷歌上的資源,如字體、jquery等文件時,會出現(xiàn)嚴(yán)重超時的情況,最終導(dǎo)致站點打開速度極慢。這個可能是其中的一個原因,但具體是什么,又如何找出根源呢?下面來簡單分析下(Chrome瀏覽器下)
1. 查看網(wǎng)絡(luò)連接
站點在未完全打開的情況下,Chrome的左下角會顯示網(wǎng)絡(luò)請求的狀態(tài),如“正在解析主機(jī)”、“正在等待tieba.baidu.com響應(yīng)”。如果此時發(fā)現(xiàn)在某個響應(yīng)等待時間過長(一般是外站資源,如頭像、字體),那這個就是一個拖慢速度的原因。
2. 查看網(wǎng)絡(luò)請求
F12或右鍵“審查元素”進(jìn)入開發(fā)者模式,選擇“Network”,F(xiàn)5刷新頁面,查看戰(zhàn)情的網(wǎng)絡(luò)請求。等待完全加載后,查看所有的請求,紅色部分為訪問出錯,未請求到資源,同時可以再該項的Time看到請求到出結(jié)果所花費的時間。如果時間過長,也是一個拖慢站點訪問速度的原因。
Chrome開發(fā)者工具
3. 定位根源
根據(jù)上面的介紹,找到訪問過慢的請求,點擊查看詳細(xì)內(nèi)容。如出現(xiàn)谷歌字體加載問題,如請求URL為http://fonts.googleapis.com/css?family=Open+Sans&ver=3.9.1。
此時開發(fā)者面板切換到Elements頁面,CTRL+F搜索“Google”或者其他關(guān)鍵字,可在代碼中定位這個請求的位置。西安網(wǎng)站建設(shè)推薦閱讀>>> IIS6偽靜態(tài)配置(wordpress固定鏈接),
4. 文件定位
上面是找到了原因,但是可能代碼并不是在header.php或者index.php里面。那就需要使用編輯器搜索了,在主題中搜索。如使用sublime編輯器,將主題文件夾拖拽到編輯器中,在項目右鍵“Find in Folder”,輸入關(guān)鍵字,即可在多文件中定位代碼位置。找到代碼后,注釋相關(guān)代碼即可。如:
如找到并注釋代碼(functions.php),可解決出現(xiàn)http://fonts.googleapis.com/css?family=Open+Sans&ver=3.9.1請求的問題:
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請求的問題:
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);
如果感覺速度不夠快,那就進(jìn)行更多的優(yōu)化比如CDN加速、緩存、服務(wù)器等等優(yōu)化吧
相關(guān)文章:
-
插件介紹 wordpress程序網(wǎng)站在發(fā)布文章時可以給每一片文章添加與之相關(guān)的TAG標(biāo)簽,對于TAG標(biāo)簽可以生成很多頁面,增加搜索引擎對內(nèi)容的抓取量。 WP Auto Keywords插件就是一款能自動給文章添加...
-
西安網(wǎng)站建設(shè)_西安做網(wǎng)站_西安網(wǎng)站制作——西安網(wǎng)絡(luò)公司...
-
從企業(yè)建站角度講,最便捷、最適合企業(yè)的建站系統(tǒng)莫過于自助建站系統(tǒng),市場上可供選擇的自助建站平臺也是一搜一大把。這些自助建站平臺采用傻瓜式建站風(fēng)格,容易上手,操作簡單方便...
-
關(guān)閉wordpress評論 進(jìn)入網(wǎng)頁Wordpress儀表盤,依此點擊設(shè)置 討論 取消勾選允許他人在新文章上發(fā)表評論 修改數(shù)據(jù)庫wordpress:將wp_posts表comment_status、ping_status值改為closed UPDATE `wp_posts` SET `comment_s...
-
現(xiàn)在想做一個網(wǎng)站成本很低了,買個域名,買個幾十塊空間,弄個網(wǎng)站建設(shè)程序就可以開始你的玩耍了,如果你還想找成本更低的,可以看下面的分享。 如何創(chuàng)建網(wǎng)站一直都是很多朋友想要知...
-
商城網(wǎng)站建設(shè)如何將吸引力提升 在信息如此豐富多樣的今天,商城網(wǎng)站建設(shè)如何才能夠在眾多的同類當(dāng)中脫穎而出,獲得大眾的吸引和青睞呢?這其實是相關(guān)網(wǎng)站建設(shè)人員一直在思考的一個問...
-
現(xiàn)在越來越多的企業(yè)重視網(wǎng)站的運營推廣,那怎樣推廣效果更好呢?西安蟠龍網(wǎng)絡(luò)小編認(rèn)為沒用永恒不變得,而且要根據(jù)企業(yè)的具體情況選擇合適的推廣方式才是最好的,如果你又運營推廣的...
-
隨著互聯(lián)網(wǎng)的發(fā)展,人們每時每刻已經(jīng)離不開網(wǎng)絡(luò),而網(wǎng)站是網(wǎng)絡(luò)的基本組成部分,可以這么說,網(wǎng)絡(luò)是由各種各樣的網(wǎng)站組成的,當(dāng)下,網(wǎng)站是每個企業(yè)的標(biāo)配,很多個人都有自己的網(wǎng)站,...
-
網(wǎng)站現(xiàn)在是一個企業(yè)的標(biāo)配,很多沒有網(wǎng)站的企業(yè)不清楚網(wǎng)站對企業(yè)有什么作用,那么今天西安蟠龍小編總結(jié)一下網(wǎng)站對企業(yè)都有哪些好處,希望看完之后您對網(wǎng)站有更深一層的認(rèn)識。 一、低...
-
現(xiàn)在網(wǎng)站對一個企業(yè)越來越重要了,網(wǎng)站不僅是一個公司必備的名片,而且有利于提升企業(yè)的品牌形象,低成本擴(kuò)大公司銷售的一個重要渠道,可以將公司的業(yè)務(wù)和產(chǎn)品推向全國,那么公司想...