工具/原料
- WordPress 4.1
- WP主題AVADA 3.7.1
- WP插件Useso take over Google 1.5
- WP插件W3 Total Cache 0.9.4.1
- WP插件Revolution Slider4.6.5
- 火狐插件app.telemetry Page Speed Monitor 14.0.7
- MacOS X10.10 Safari8.0.2
- 火狐插件YSlow3.1.8
- 在線Google PageSpeed和Yahoo YSlow綜合工具:http://gtmetrix.com
- 測試網站 http://jianzhan1.cn
- Wordpress商業主題購買網站 www.themeforest.net
- 時間2014年12月
方法/步驟
第一部分:谷歌的問題
現象對于Wordpress初學者來說,不論是Wordpres網站前臺還是管理后臺,操作反應都是特別特別慢,一個操作反應要等上20秒。
原因:這是由于Wordpress系統默認使用谷歌字體,在國內谷歌域名被屏蔽,所以導致操作反應慢。對于很多商業主題默認使用了谷歌字體、谷歌ajax庫、谷歌地圖等谷歌服務,所以導致網站前臺訪問速度慢。
原理:googleapis.com被屏蔽,但谷歌這些庫的確是好東西,國內360給予鏡像,地址是useso.com,內容與谷歌的一樣,國內速度快。
解決方法:對于后臺:找到Wordpress這個文件 \wp-includes\script-loader.php,找到:fonts.googleapis.com,全部替換成:fonts.useso.com。或者干脆把“googleapis”替換成“useso”。對于前臺:近期測試了很多替換插件,網上推薦的大部分已經不管用了,后來發現這個最有用,而且更新比較勤:“Useso take over Google”,近幾個月測試只是這個最好用。
方法/步驟2
第二部分:首頁加載總容量
現象:經過以上的操作后,后臺操作速度正常了,但AVADA首頁打開要等很久才能顯示,對比以前做過的網站、目前流行網站發現,慢與客戶端網速無關,與網站服務器和帶寬無關,與服務器環境配置無關。通過Safari瀏覽器內置工具觀察網站首頁加載的總容量,當時jianzhan1.cn首頁總容量需要4-5MB,經過一番優化后降低到2.26MB。
對比:以前用織夢DEDECMS手工做模板的網站www.bloglord.net,全部加載竟然只需要701KB。再看看新浪網站首頁全部加載需要4.29MB,蘋果中國網站首頁全部加載3.18MB,錘子手機網站首頁全部加載3.61MB,百度首頁全部加載397KB。
分析:首頁加載的主要內容是:index.html文件,CSS文件,JS文件,背景圖片,用戶上傳的圖片,視頻等。對于Wordpress商業主題來說,降低首頁加載容量的有效手段是圖片優化。