從ThemeForest購買(mǎi)的是正版商業(yè)主題AVADA（有售后技術(shù)支持），使用國內阿里云主機（配置不算低），網(wǎng)站大部分都是AVADA官方導入數據，只是做了一些漢化，并未添加太多數據。但是網(wǎng)站打開(kāi)速度，特別是首次打開(kāi)速度很不盡如人意。經(jīng)過(guò)數日研究，一輪又一輪的探索，多方面查證，終有所獲。與大家分享，希望能幫到為此困擾的朋友們。

工具/原料

方法/步驟

第一部分：谷歌的問(wèn)題

現象對于Wordpress初學(xué)者來(lái)說(shuō)，不論是Wordpres網(wǎng)站前臺還是管理后臺，操作反應都是特別特別慢，一個(gè)操作反應要等上20秒。

原因：這是由于Wordpress系統默認使用谷歌字體，在國內谷歌域名被屏蔽，所以導致操作反應慢。對于很多商業(yè)主題默認使用了谷歌字體、谷歌ajax庫、谷歌地圖等谷歌服務(wù)，所以導致網(wǎng)站前臺訪(fǎng)問(wèn)速度慢。西安做網(wǎng)站推薦閱讀>>> 一步一步教你如何實(shí)現wordpress博客的“預加載”功能，

原理：googleapis.com被屏蔽，但谷歌這些庫的確是好東西，國內360給予鏡像，地址是useso.com，內容與谷歌的一樣，國內速度快。

解決方法：對于后臺：找到Wordpress這個(gè)文件 \wp-includes\script-loader.php，找到：fonts.googleapis.com，全部替換成：fonts.useso.com?；蛘吒纱喟?ldquo;googleapis”替換成“useso”。對于前臺：近期測試了很多替換插件，網(wǎng)上推薦的大部分已經(jīng)不管用了，后來(lái)發(fā)現這個(gè)最有用，而且更新比較勤：“Useso take over Google”，近幾個(gè)月測試只是這個(gè)最好用。

方法/步驟2

第二部分：首頁(yè)加載總容量

現象：經(jīng)過(guò)以上的操作后，后臺操作速度正常了，但AVADA首頁(yè)打開(kāi)要等很久才能顯示，對比以前做過(guò)的網(wǎng)站、目前流行網(wǎng)站發(fā)現，慢與客戶(hù)端網(wǎng)速無(wú)關(guān)，與網(wǎng)站服務(wù)器和帶寬無(wú)關(guān)，與服務(wù)器環(huán)境配置無(wú)關(guān)。通過(guò)Safari瀏覽器內置工具觀(guān)察網(wǎng)站首頁(yè)加載的總容量，當時(shí)jianzhan1.cn首頁(yè)總容量需要4-5MB，經(jīng)過(guò)一番優(yōu)化后降低到2.26MB。

對比：以前用織夢(mèng)DEDECMS手工做模板的網(wǎng)站www.bloglord.net，全部加載竟然只需要701KB。再看看新浪網(wǎng)站首頁(yè)全部加載需要4.29MB，蘋(píng)果中國網(wǎng)站首頁(yè)全部加載3.18MB，錘子手機網(wǎng)站首頁(yè)全部加載3.61MB，百度首頁(yè)全部加載397KB。西安網(wǎng)站建設推薦閱讀>>> 使用wordpress建站的一些經(jīng)驗，

分析：首頁(yè)加載的主要內容是：index.html文件，CSS文件，JS文件，背景圖片，用戶(hù)上傳的圖片，視頻等。對于Wordpress商業(yè)主題來(lái)說(shuō)，降低首頁(yè)加載容量的有效手段是圖片優(yōu)化。

解決方法：另外發(fā)現Avada主題官方導入的圖片都很小，比如2000px寬度的全屏大背景圖只有30KB，但是用戶(hù)上傳的圖片如果優(yōu)化不夠（或者為了清晰度高保真），一張不大的圖可能幾百KB。AVADA有一個(gè)很長(cháng)的首頁(yè)，內容豐富，如果用戶(hù)的圖片沒(méi)有經(jīng)過(guò)優(yōu)化，整個(gè)首頁(yè)的下載量會(huì )很大；網(wǎng)速不好的訪(fǎng)問(wèn)者加載速度會(huì )慢。用戶(hù)上傳圖片前一定要經(jīng)過(guò)優(yōu)化，在PHOTOSHOP里優(yōu)化，建議一張圖片20-30KB。

方法/步驟3

第三部分：?jiǎn)⒂镁彺媾c加速

經(jīng)過(guò)以上的優(yōu)化調整，發(fā)現加載速度好多了，不過(guò)距離我的要求還有些距離。于是我想到的是增加Wordpress緩存和css與js合并，降低數據庫連接數量，降低js和css響應次數。

原理：Wordpress雖然可以啟用rewrite，但并不是生成真正的緩存文件，每次打開(kāi)頁(yè)面需要打開(kāi)數據庫。

解決思路與方法：Wordpress的緩存插件有很多，以前achair.cn這個(gè)網(wǎng)站用的知名插件WP Super Cache，感覺(jué)效果還可以，不過(guò)這個(gè)插件在A(yíng)vada主題上我沒(méi)搞定，估計.htaccess有問(wèn)題，個(gè)別瀏覽器會(huì )打不開(kāi)首頁(yè)。到Avada官方技術(shù)支持論壇查詢(xún)后發(fā)現，Avada官方演示DEMO網(wǎng)站用的是W3 Total Cache插件，并給出W3TC的配置文件，我們只需要安裝好插件并導入配置文件即可。

另外，網(wǎng)上有很多關(guān)于這兩個(gè)插件的對比分析，都說(shuō)W3TC要好一些。關(guān)于JS與CSS多文件合并，以前achair.cn用的也是Wordpress的商業(yè)主題，用過(guò)此類(lèi)合并插件，不過(guò)那些插件在A(yíng)vada上又變的不好使了，還好W3TC有合并JS與CSS的功能。西安做網(wǎng)站推薦閱讀>>> 新手站長(cháng)如何使用wordpress快速搭建網(wǎng)站，

方法/步驟4

第四部分：關(guān)閉Avada動(dòng)畫(huà)、特效

經(jīng)過(guò)以上三步操作，感覺(jué)已經(jīng)把能優(yōu)化的都優(yōu)化了。不過(guò)實(shí)際上用起來(lái)還是感覺(jué)不夠快，找外地朋友測試，首次打開(kāi)有時(shí)需要10秒左右，有時(shí)需要22秒。

原因：經(jīng)過(guò)多方查找，用火狐Speed Page插件，發(fā)現“下載時(shí)間”并不長(cháng)，問(wèn)題出在“處理時(shí)間”，有時(shí)要處理20幾秒。這個(gè)“處理”主要是瀏覽器處理JS和CSS3特效需要的時(shí)間。

分析：Avada主題的長(cháng)首頁(yè)使用了大量特效，有插件動(dòng)畫(huà)，有JS動(dòng)畫(huà)，有CSS3特效等等。這時(shí)候，要做決策，在特效與加載時(shí)間上作取舍，用戶(hù)體驗的天平該往哪里傾斜？

解決方法：分享一下我的選擇：

1 首屏特效一定要保留，使用了Revolution Slider4.6.5，因為功能強大，直接通過(guò)后臺可以創(chuàng )建Banner動(dòng)畫(huà)，而且比較成熟，在性能優(yōu)化和特效優(yōu)化方面比較到位。

2 二屏保留了一小部分特效。

3 下面幾屏的特效一律關(guān)閉，用Fusion Page Builder，手工一個(gè)個(gè)的將動(dòng)畫(huà)關(guān)掉，那些動(dòng)畫(huà)雖好看，不過(guò)太費瀏覽器資源了，影響用戶(hù)體驗，在我的Retina MacBook 2013年終8G內存筆記本上都有一些卡頓，更何況別的電腦了。

4 進(jìn)入Avada主題選項，特別是Advanced里面，把用不著(zhù)的都關(guān)掉，如下列表：

Disable Fusion Builder

Disable Mega Menu(打勾)

Disable Avada Styles For Revolution Slider(打勾)

Disable Avada Dropdown Styles(打勾)

UberMenu Plugin Support

Disable CSS Animations(打勾)

Disable CSS Animations on Mobiles Only(打勾)

Disable Youtube API Scripts(打勾)

Disable Vimeo API Scripts(打勾)

Disable Google Map Scripts(打勾)

Disable ToTop Script

Enable ToTop Script on mobile

Disable Fusion Slider(打勾)

Disable Elastic Slider(打勾)

Disable FontAwesome

Disable Open Graph Meta Tags(打勾)

Disable Rich Snippets Sitewide(打勾)

Disable Avada’s Woocommerce Product Gallery Slider(打勾)

經(jīng)過(guò)以上四個(gè)步驟的優(yōu)化，網(wǎng)站的首次打開(kāi)速度基本上可以接受了。但是，Wordpress＋商業(yè)主題不能與自己做的模板和CMS組合相提并論，強大的功能和效果與速度之間的平衡需要自己來(lái)把握。西安做網(wǎng)站推薦閱讀>>> Google AdSense發(fā)布wordpress站長(cháng)插件，

方法/步驟5

第五部分，話(huà)外篇《給力的提速–PHP OPCode 緩存 APC》

發(fā)現：W3 Total Cache的設置中，有個(gè)Cache選項，默認是Disk，適用于一般的虛擬機。下面還有更好的“Opcode:Alternative PHP Cache(APC)”這個(gè)選項默認是灰的，需要VPS虛擬服務(wù)器才可以使用。

解決方法：具體打開(kāi)方法大家自己搜索，PHP開(kāi)啟OPCode APC后，W3TC配置中“Opcode:Alternative PHP Cache(APC)”這個(gè)選項為可選，選擇之后需要配置一下PHP.ini里面的［APC］，在這里我備注一下：

1.修改php.ini（最好通過(guò)phpinfo查看php.ini文件位置）打開(kāi) extension=php_apc.dll

2.添加：[php] view plaincopyapc.enabled = 1apc.cache_by_default = onapc.shm_segments = 1apc.shm_size = 128apc.ttl = 7200apc.user_ttl = 7200apc.num_files_hint = 2048apc.write_lock = Onapc.gc_ttl = 3600apc.ttl= 7200apc.enable_cli=1apc.enabled ＝ 1

3.重啟apache

效果：

這個(gè)部分對訪(fǎng)問(wèn)者訪(fǎng)問(wèn)網(wǎng)站速度提升非常明顯，找外地的朋友幫我測試，首頁(yè)首次打開(kāi)速度3-4秒，而且內頁(yè)點(diǎn)擊后反應2秒左右，這才是正常的網(wǎng)站啊。