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