WordPress 網站速度最佳化：谷歌字型 快取外掛

WordPress 網站速度最佳化包含四個部分內容：谷歌 web 服務 （比如谷歌字型，谷歌 ajax，谷歌地圖），去掉載入外鏈，增加快取外掛，使用系統微軟雅黑字型。

1 不讓谷歌服務“ 搗亂”

很多 WordPress 主題大量使用谷歌 Google 提供 web 服務，比如谷歌字型 fonts，谷歌 ajax，谷歌地圖 map 。由於遮蔽的原因，國內使用者無法訪問谷歌域名，無法使用谷歌的這些服務。 WordPress 系統前後臺都在用谷歌服務，所以在國內使用 WordPress 會卡的厲害，如果感覺 WordPress 後臺點選反應慢，每次都需要等待幾秒鐘才有反應，那就是這個原因。

解決辦法也很簡單，安裝一個 WordPress 加速外掛：“WP Acceleration for China”，這個外掛可以替換 WordPress 中的 googleajax.admincdn.com 和 googlefonts.admincdn.com 替換成國內的谷歌映象庫 （比如極客族） 。順便連 Gravatar 頭像一起換成國內的。

最近的訊息 360 的 fonts.useso.com 停止了，只能選擇極客族和中科大 CDN，隨著外掛的更新，會去掉 360，也許還會增加別的映象庫。

還有個訊息，最近國內可以訪問谷歌的字型域名了 googlefonts.admincdn.com，不過建議還是使用國內伺服器，誰知道什麼時候又不能用了，還有一個原因就是國內訪問國外網站速度慢。

如果你做外貿網站，網站面向國外使用者，這個外掛還是不要裝了，國外訪問谷歌服務沒問題，國外訪問國內谷歌映象庫反而更慢，另外有時候國內映象庫會導致一些其他問題，比如谷歌地圖呼叫。

還有個要補充的，這個外掛只是針對 WordPress 替換谷歌連結，如果主題檔案裡有谷歌的連結，是無能為力的，需要手工檢查手工替換，比如 Avada，我之前寫過一篇：《解決 WP 主題 Avada 4.0.3 谷歌字型 webfont.js 問題》，Avada4.0.3 裡面的 php 檔案帶有谷歌連結，導致前臺開啟頁面慢，需要手工替換掉。

2 載入外鏈

我們用 WordPress 和 Avada 主題做網站，通常要先匯入主題官方的 DEMO，再製作網站，匯入的首頁和其他頁面，也許還會引用 Avada 官方伺服器的圖片 （如圖），訪客開啟首頁時，還要載入國外伺服器的遠端圖片，那叫一個慢吶！訪客會認為你的網站太慢了，那叫一個冤吶。

解決辦法也很簡單，透過上面介紹的瀏覽器檢查工具，檢查元素的所在域名，把引用外鏈的圖片一個個的下載，再手工傳網站的媒體庫，在頁面編輯器裡重新選用媒體庫的圖片。

除了遠端圖片還有遠端 JS 也會導致網站開啟速度變慢，比如百度統計的程式碼、 jiathis 的分享程式碼、多說評論的程式碼，還有百度聯盟的廣告。在開啟頁面時會載入這些第三方服務的 js，這個速度取決於訪客和這些第三方伺服器的連線速度。

比如：A 使用者用聯通上網，訪問百度統計程式碼快，不會感覺到延遲。 B 使用者用電信上網，訪問百度程式碼極慢，B 使用者開啟你的網站就會極慢，及時其他方面最佳化的再好，這種第三方程式碼也會成為木桶理論的那塊短板，特別是放到 head 區域的程式碼。

如果覺得以上四種方法，網站還不夠快，下面還有一招。

3 使用快取外掛

Avada 主題官方給的建議是 W3TC 快取外掛，並給了一個配置檔案，如果有需要可以跟我要。 Newspaper 主題給的經驗是推薦使用 WP Super cache  外掛的預設設定。如果你的伺服器記憶體夠大，使用 APC  全部頁面快取。 （適合專用伺服器和 VPS） 快取外掛功能都類似。

解釋一下快取：比如我的網站有 500 個文章，訪客每看一篇文章，網站都需要從資料庫中把這篇文章提取出來，給訪客看。每天有很多訪客來看這篇文章，每看一次都要從資料庫中提取一次。 快取是把這篇文章從資料庫中提出後儲存成一個快取檔案，以後再有訪客看這篇文章，直接讀取快取檔案，不用在資料庫中提取了。整個過程訪客看不到，但能感覺出有了快取會變快。 透過以上方法，WordPress 載入速度不會有問題了，但是還有一箇中文顯示的問題。

4 給國外主題增加可供選擇的“ 微軟雅黑” 字型

WordPress 國外主題幾乎都在用谷歌字型，英文字型很多很漂亮，而且可以從 WordPress 後臺主題選項的字型選項裡直接預覽並選擇，但是谷歌字型裡沒有中文。

WordPress 主題選項可以選擇字型分兩部分，一部分是常規的系統字型比如說 Arial，這些字型不用載入，一般電腦裡都有，另一部分是谷歌字型，很多選擇，但需要載入谷歌字型檔。也就是說，即使我們做中文站，用不到谷歌字型，WordPress 主題 也會載入谷歌字型，是不是很無語。

解決辦法：我們可以給主題做個小手術，讓 Avada 主題選項的字型列表中的常規系統字型列表，可以選擇“ 微軟雅黑” 字型。中文的電腦系統裡都有微軟雅黑字型，無需載入直接用系統字型檔“Microsoft YaHei” 。這樣我們可以把網頁各種標題 （H1-H6） 、正文、選單的字型原生的使用微軟雅黑。如圖

如果你用其他主題，這種方法也適用，只不過修改檔案不一樣，主要是找到那個字型列表檔案。這樣，主題會把微軟雅黑也加入到常規系統字型裡了。

其實還有一種常用的使用微軟雅黑中文字型的方法，使用自定義 css 程式碼，強行加入雅黑字型，結尾處有個“!important;” ，這樣做不是很好，因為網頁還會先載入谷歌字型，然後再用雅黑替換一遍，文字載入兩遍，有時前臺會多重新整理一次，看著不爽，沒有從根本上解決問題。