這是《WordPress 網(wǎng)站全方位速度優(yōu)化》的第三集，也是最后一集，包含四個(gè)部分內(nèi)容：谷歌web服務(wù)（比如谷歌字體，谷歌ajax，谷歌地圖），去掉加載外鏈，增加緩存插件，使用系統(tǒng)微軟雅黑字體。

1 不讓谷歌服務(wù)“搗亂”

很多WordPress 主題大量使用谷歌Google提供 web 服務(wù)，比如谷歌字體fonts，谷歌 ajax，谷歌地圖map。由于屏蔽的原因，國(guó)內(nèi)用戶無(wú)法訪問(wèn)谷歌域名，無(wú)法使用谷歌的這些服務(wù)。WordPress 系統(tǒng)前后臺(tái)都在用谷歌服務(wù)，所以在國(guó)內(nèi)使用WordPress 會(huì)卡的厲害，如果感覺(jué) WordPress 后臺(tái)點(diǎn)擊反應(yīng)慢，每次都需要等待幾秒鐘才有反應(yīng)，那就是這個(gè)原因。

解決辦法也很簡(jiǎn)單，安裝一個(gè)WordPress加速插件：“WP Acceleration for China”，這個(gè)插件可以替換 WordPress 中的 ajax.googleapis.com和 fonts.googleapis.com 替換成國(guó)內(nèi)的谷歌鏡像庫(kù)（比如極客族）。順便連Gravatar頭像一起換成國(guó)內(nèi)的。

最近的消息360的 fonts.useso.com 停止了，只能選擇極客族和中科大 CDN，隨著插件的更新，會(huì)去掉360，也許還會(huì)增加別的鏡像庫(kù)。

還有個(gè)消息，最近國(guó)內(nèi)可以訪問(wèn)谷歌的字體域名了 fonts.googleapis.com，不過(guò)建議還是使用國(guó)內(nèi)服務(wù)器，誰(shuí)知道什么時(shí)候又不能用了，還有一個(gè)原因就是國(guó)內(nèi)訪問(wèn)國(guó)外網(wǎng)站速度慢。

如果你做外貿(mào)網(wǎng)站，網(wǎng)站面向國(guó)外用戶，這個(gè)插件還是不要裝了，國(guó)外訪問(wèn)谷歌服務(wù)沒(méi)問(wèn)題，國(guó)外訪問(wèn)國(guó)內(nèi)谷歌鏡像庫(kù)反而更慢，另外有時(shí)候國(guó)內(nèi)鏡像庫(kù)會(huì)導(dǎo)致一些其他問(wèn)題，比如谷歌地圖調(diào)用。

還有個(gè)要補(bǔ)充的，這個(gè)插件只是針對(duì) WordPress 替換谷歌鏈接，如果主題文件里有谷歌的鏈接，是無(wú)能為力的，需要手工檢查手工替換，比如 Avada，我之前寫(xiě)過(guò)一篇：《解決WP主題 Avada 4.0.3 谷歌字體 webfont.js 問(wèn)題》，Avada4.0.3里面的 php 文件帶有谷歌鏈接，導(dǎo)致前臺(tái)打開(kāi)頁(yè)面慢，需要手工替換掉。

2 加載外鏈

我們用WordPress 和Avada 主題做網(wǎng)站，通常要先導(dǎo)入主題官方的 DEMO，再制作網(wǎng)站，導(dǎo)入的首頁(yè)和其他頁(yè)面，也許還會(huì)引用Avada官方服務(wù)器的圖片（如圖），訪客打開(kāi)首頁(yè)時(shí)，還要加載國(guó)外服務(wù)器的遠(yuǎn)程圖片，那叫一個(gè)慢吶！訪客會(huì)認(rèn)為你的網(wǎng)站太慢了，那叫一個(gè)冤吶。

解決辦法也很簡(jiǎn)單，通過(guò)上面介紹的瀏覽器檢查工具，檢查元素的所在域名，把引用外鏈的圖片一個(gè)個(gè)的下載，再手工傳網(wǎng)站的媒體庫(kù)，在頁(yè)面編輯器里重新選用媒體庫(kù)的圖片。

除了遠(yuǎn)程圖片還有遠(yuǎn)程 JS也會(huì)導(dǎo)致網(wǎng)站打開(kāi)速度變慢，比如百度統(tǒng)計(jì)的代碼、 jiathis 的分享代碼、多說(shuō)評(píng)論的代碼，還有百度聯(lián)盟的廣告。在打開(kāi)頁(yè)面時(shí)會(huì)加載這些第三方服務(wù)的 js，這個(gè)速度取決于訪客和這些第三方服務(wù)器的連接速度。

比如：A 用戶用聯(lián)通上網(wǎng)，訪問(wèn)百度統(tǒng)計(jì)代碼快，不會(huì)感覺(jué)到延遲。B 用戶用電信上網(wǎng)，訪問(wèn)百度代碼極慢，B 用戶打開(kāi)你的網(wǎng)站就會(huì)極慢，及時(shí)其他方面優(yōu)化的再好，這種第三方代碼也會(huì)成為木桶理論的那塊短板，特別是放到 head 區(qū)域的代碼。

如果覺(jué)得以上四種方法，網(wǎng)站還不夠快，下面還有一招。

3 使用緩存插件

Avada 主題官方給的建議是 W3TC 緩存插件，并給了一個(gè)配置文件，如果有需要可以跟我要。Newspaper 主題給的經(jīng)驗(yàn)是推薦使用 WP Super cache 插件的默認(rèn)設(shè)置。如果你的服務(wù)器內(nèi)存夠大，使用 APC 全部頁(yè)面緩存。（適合專(zhuān)用服務(wù)器和 VPS）緩存插件功能都類(lèi)似。

解釋一下緩存：比如我的網(wǎng)站有500個(gè)文章，訪客每看一篇文章，網(wǎng)站都需要從數(shù)據(jù)庫(kù)中把這篇文章提取出來(lái)，給訪客看。每天有很多訪客來(lái)看這篇文章，每看一次都要從數(shù)據(jù)庫(kù)中提取一次。 緩存是把這篇文章從數(shù)據(jù)庫(kù)中提出后保存成一個(gè)緩存文件，以后再有訪客看這篇文章，直接讀取緩存文件，不用在數(shù)據(jù)庫(kù)中提取了。整個(gè)過(guò)程訪客看不到，但能感覺(jué)出有了緩存會(huì)變快。 通過(guò)以上方法，WordPress 加載速度不會(huì)有問(wèn)題了，但是還有一個(gè)中文顯示的問(wèn)題。

4 給國(guó)外主題增加可供選擇的“微軟雅黑”字體

WordPress 國(guó)外主題幾乎都在用谷歌字體，英文字體很多很漂亮，而且可以從WordPress 后臺(tái)主題選項(xiàng)的字體選項(xiàng)里直接預(yù)覽并選擇，但是谷歌字體里沒(méi)有中文。

WordPress 主題選項(xiàng)可以選擇字體分兩部分，一部分是常規(guī)的系統(tǒng)字體比如說(shuō) Arial，這些字體不用加載，一般電腦里都有，另一部分是谷歌字體，很多選擇，但需要加載谷歌字庫(kù)。也就是說(shuō)，即使我們做中文站，用不到谷歌字體，WordPress主題 也會(huì)加載谷歌字體，是不是很無(wú)語(yǔ)。

解決辦法：我們可以給主題做個(gè)小手術(shù)，讓 Avada 主題選項(xiàng)的字體列表中的常規(guī)系統(tǒng)字體列表，可以選擇“微軟雅黑”字體。中文的電腦系統(tǒng)里都有微軟雅黑字體，無(wú)需加載直接用系統(tǒng)字庫(kù)“Microsoft YaHei”。這樣我們可以把網(wǎng)頁(yè)各種標(biāo)題（H1-H6）、正文、菜單的字體原生的使用微軟雅黑。如圖

如果你用其他主題，這種方法也適用，只不過(guò)修改文件不一樣，主要是找到那個(gè)字體列表文件。這樣，主題會(huì)把微軟雅黑也加入到常規(guī)系統(tǒng)字體里了。

其實(shí)還有一種常用的使用微軟雅黑中文字體的方法，使用自定義 CSS 代碼，強(qiáng)行加入雅黑字體，結(jié)尾處有個(gè)“!important;” ，這樣做不是很好，因?yàn)榫W(wǎng)頁(yè)還會(huì)先加載谷歌字體，然后再用雅黑替換一遍，文字加載兩遍，有時(shí)前臺(tái)會(huì)多刷新一次，看著不爽，沒(méi)有從根本上解決問(wèn)題。

經(jīng)過(guò)以上幾種方法的全方位優(yōu)化，可以讓W(xué)ordPress 網(wǎng)站前后加載速度得到很大的提升，比如我做的小紅建站的官網(wǎng)，www.jianzhan1.cn，首頁(yè)比較長(zhǎng)，圖片很多，還有一個(gè)視頻，總加載的容量是3.74MB，其中1.9MB 是視頻（如圖）。再比如我做的 achair 的寶箱 achair.cn圖片較多，需要加載的總?cè)萘渴?.24MB。其中主題的 JS 和 CSS 占了2MB。（如圖）

上兩張截圖中，容量前面還有個(gè)數(shù)字“44”和“94”，那是加載網(wǎng)頁(yè)資源的總數(shù)量，現(xiàn)在這個(gè)數(shù)字越小，打開(kāi)網(wǎng)頁(yè)時(shí)請(qǐng)求越少，速度越快。這個(gè)和主題有關(guān)，也和內(nèi)容的多少有關(guān)。

總結(jié)：

《WordPress 網(wǎng)站全方位速度優(yōu)化》2016年9月出品，一共三篇文章，5000多字，是 achair 通過(guò)這幾年運(yùn)營(yíng) WordPress +國(guó)外主題的網(wǎng)站所得經(jīng)驗(yàn)，全部都是干貨，分享給大家。其實(shí)有很多地方可以展開(kāi)，以后有機(jī)會(huì)再跟大家分享。只要我們想把網(wǎng)站速度提上去，辦法總是有的。歡迎大家一起來(lái)探討有關(guān) WordPress 和主題相關(guān)問(wèn)題。

標(biāo)簽： 網(wǎng)站優(yōu)化 WordPress優(yōu)化 網(wǎng)站速度優(yōu)化 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。