<ul id="g60s4"><pre id="g60s4"></pre></ul>
<strong id="g60s4"><nav id="g60s4"></nav></strong>
<ul id="g60s4"></ul>
  • <tr id="g60s4"></tr>
  • 
    
  • 或者

    提升WordPress 打開速度全面解決方案(Avada)

    作者:月光邊境 瀏覽:298 發布時間:2018-03-25
    分享 評論 0

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

      第一部分:谷歌的問題

      現象對于Wordpress初學者來說,不論是Wordpres網站前臺還是管理后臺,操作反應都是特別特別慢,一個操作反應要等上20秒。

      提升WordPress 打開速度全面解決方案 Avada主題

      原因:這是由于Wordpress系統默認使用谷歌字體,在國內谷歌域名被屏蔽,所以導致操作反應慢。對于很多商業主題默認使用了谷歌字體、谷歌ajax庫、谷歌地圖等谷歌服務,所以導致網站前臺訪問速度慢。

      提升WordPress 打開速度全面解決方案 Avada主題

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

      提升WordPress 打開速度全面解決方案 Avada主題

      解決方法:對于后臺:找到Wordpress這個文件 \wp-includes\script-loader.php,找到:fonts.googleapis.com,全部替換成:fonts.useso.com。或者干脆把“googleapis”替換成“useso”。對于前臺:近期測試了很多替換插件,網上推薦的大部分已經不管用了,后來發現這個最有用,而且更新比較勤:“Useso take over Google”,近幾個月測試只是這個最好用。

      第二部分:首頁加載總容量

      現象:經過以上的操作后,后臺操作速度正常了,但AVADA首頁打開要等很久才能顯示,對比以前做過的網站、目前流行網站發現,慢與客戶端網速無關,與網站服務器和帶寬無關,與服務器環境配置無關。通過Safari瀏覽器內置工具觀察網站首頁加載的總容量,當時jianzhan1.cn首頁總容量需要4-5MB,經過一番優化后降低到2.26MB。

      提升WordPress 打開速度全面解決方案 Avada主題

      提升WordPress 打開速度全面解決方案 Avada主題

      對比:以前用織夢DEDECMS手工做模板的網站www.bloglord.net,全部加載竟然只需要701KB。再看看新浪網站首頁全部加載需要4.29MB,蘋果中國網站首頁全部加載3.18MB,錘子手機網站首頁全部加載3.61MB,百度首頁全部加載397KB。

      提升WordPress 打開速度全面解決方案 Avada主題

      提升WordPress 打開速度全面解決方案 Avada主題

      分析:首頁加載的主要內容是:index.html文件,CSS文件,JS文件,背景圖片,用戶上傳的圖片,視頻等。對于Wordpress商業主題來說,降低首頁加載容量的有效手段是圖片優化。

      提升WordPress 打開速度全面解決方案 Avada主題

      提升WordPress 打開速度全面解決方案 Avada主題

      解決方法:另外發現Avada主題官方導入的圖片都很小,比如2000px寬度的全屏大背景圖只有30KB,但是用戶上傳的圖片如果優化不夠(或者為了清晰度高保真),一張不大的圖可能幾百KB。AVADA有一個很長的首頁,內容豐富,如果用戶的圖片沒有經過優化,整個首頁的下載量會很大;網速不好的訪問者加載速度會慢。用戶上傳圖片前一定要經過優化,在PHOTOSHOP里優化,建議一張圖片20-30KB。

      第三部分:啟用緩存與加速

      經過以上的優化調整,發現加載速度好多了,不過距離我的要求還有些距離。于是我想到的是增加Wordpress緩存和css與js合并,降低數據庫連接數量,降低js和css響應次數。

      原理:Wordpress雖然可以啟用rewrite,但并不是生成真正的緩存文件,每次打開頁面需要打開數據庫。

      解決思路與方法:Wordpress的緩存插件有很多,以前achair.cn這個網站用的知名插件WP Super Cache,感覺效果還可以,不過這個插件在Avada主題上我沒搞定,估計.htaccess有問題,個別瀏覽器會打不開首頁。到Avada官方技術支持論壇查詢后發現,Avada官方演示DEMO網站用的是W3 Total Cache插件,并給出W3TC的配置文件,我們只需要安裝好插件并導入配置文件即可。

      提升WordPress 打開速度全面解決方案 Avada主題

      另外,網上有很多關于這兩個插件的對比分析,都說W3TC要好一些。關于JS與CSS多文件合并,以前achair.cn用的也是Wordpress的商業主題,用過此類合并插件,不過那些插件在Avada上又變的不好使了,還好W3TC有合并JS與CSS的功能。

      第四部分:關閉Avada動畫、特效

      經過以上三步操作,感覺已經把能優化的都優化了。不過實際上用起來還是感覺不夠快,找外地朋友測試,首次打開有時需要10秒左右,有時需要22秒。

      提升WordPress 打開速度全面解決方案 Avada主題

      提升WordPress 打開速度全面解決方案 Avada主題

      原因:經過多方查找,用火狐Speed Page插件,發現“下載時間”并不長,問題出在“處理時間”,有時要處理20幾秒。這個“處理”主要是瀏覽器處理JS和CSS3特效需要的時間。

      提升WordPress 打開速度全面解決方案 Avada主題

      分析:Avada主題的長首頁使用了大量特效,有插件動畫,有JS動畫,有CSS3特效等等。這時候,要做決策,在特效與加載時間上作取舍,用戶體驗的天平該往哪里傾斜?

      提升WordPress 打開速度全面解決方案 Avada主題

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

      1 首屏特效一定要保留,使用了Revolution Slider4.6.5,因為功能強大,直接通過后臺可以創建Banner動畫,而且比較成熟,在性能優化和特效優化方面比較到位。

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

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

      4 進入Avada主題選項,特別是Advanced里面,把用不著的都關掉,如下列表:

      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(打勾)

      經過以上四個步驟的優化,網站的首次打開速度基本上可以接受了。但是,Wordpress+商業主題不能與自己做的模板和CMS組合相提并論,強大的功能和效果與速度之間的平衡需要自己來把握。

      第五部分,話外篇《給力的提速–PHP OPCode 緩存 APC》

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

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

      1.修改php.ini(最好通過phpinfo查看php.ini文件位置)打開 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

      提升WordPress 打開速度全面解決方案 Avada主題

      效果:

      這個部分對訪問者訪問網站速度提升非常明顯,找外地的朋友幫我測試,首頁首次打開速度3-4秒,而且內頁點擊后反應2秒左右,這才是正常的網站啊。


    国产精品激情综合久久| 日韩亚洲国产高清免费视频| 99热这就是里面只有精品| 宅男在线国产精品无码| 亚欧乱色国产精品免费视频| 亚洲处破女AV日韩精品| 国产精品福利午夜在线观看| 久久久久久精品久久久| 99re最新这里只有精品| 久久香蕉国产线看精品| 69国产成人精品午夜福中文| 久久精品国产亚洲av麻豆色欲| 久久国产乱子免费精品| 久久久无码精品亚洲日韩蜜桃| 国产成人精品一区二区秒拍| 久久99国产精品一区二区| 国内精品久久久久影院薰衣草| 久久精品国产精品亚洲艾草网美妙 | 久久久免费精品re6| 久久国产精品麻豆映画| 国产成人vr精品a视频| 国产精品高清一区二区三区 | 国产精品国产三级国产专播| 69国产成人综合久久精品91| 99热这里只有精品国产动漫| 久久久久久亚洲Av无码精品专口 | 中文字幕久久久久久精品| 51视频国产精品一区二区| 亚洲国产日韩综合久久精品| 99香蕉国产精品偷在线观看| 久久精品九九亚洲精品| 亚洲精品国产啊女成拍色拍| 久久精品国产AV一区二区三区| 亚洲宅男精品一区在线观看| 国产成人精品1024在线| 久久中文字幕精品| 欧美日韩精品SUV| 精品亚洲视频在线| 国产伦子系列麻豆精品| 日韩在线不卡免费视频一区| 精品视频一区二区三区在线播放|