• 售前

  • 售后

热门帖子
入门百科

提升WordPress 打开速率全面办理方案

[复制链接]
啤酒瓶空了缓 显示全部楼层 发表于 2021-8-15 20:25:24 |阅读模式 打印 上一主题 下一主题
从ThemeForest购买的是正版商业主题AVADA(有售后技能支持),使用国内阿里云主机(配置不算低),网站大部分都是AVADA官方导入数据,只是做了一些汉化,并未添加太多数据。但是网站打开速率,特殊是首次打开速率很不尽如人意。颠末数日研究,一轮又一轮的探索,多方面查证,终有所获。与大家分享,盼望能帮到为此困扰的朋侪们。工具/原料
  1. <ul class="exp-content-unorderlist ">
  2.     <li class="exp-content-list list-item-1">WordPress 4.1</li>
  3.     <li class="exp-content-list list-item-2">WP主题AVADA 3.7.1</li>
  4.     <li class="exp-content-list list-item-3">WP插件Useso take over Google 1.5</li>
  5.     <li class="exp-content-list list-item-4">WP插件W3 Total Cache 0.9.4.1</li>
  6.     <li class="exp-content-list list-item-5">WP插件Revolution Slider4.6.5</li>
  7.     <li class="exp-content-list list-item-6">火狐插件app.telemetry Page Speed Monitor 14.0.7</li>
  8.     <li class="exp-content-list list-item-7">MacOS X10.10 Safari8.0.2</li>
  9.     <li class="exp-content-list list-item-8">火狐插件YSlow3.1.8</li>
  10.     <li class="exp-content-list list-item-9">在线Google PageSpeed和Yahoo YSlow综合工具:http://gtmetrix.com</li>
  11.     <li class="exp-content-list list-item-10">测试网站 http://jianzhan1.cn</li>
  12.     <li class="exp-content-list list-item-11">Wordpress商业主题购买网站 www.themeforest.net</li>
  13.     <li class="exp-content-list list-item-12">时间2014年12月</li>
  14. </ul>
复制代码
方法/步调

第一部分:谷歌的问题
现象对于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商业主题来说,低落首页加载容量的有用本领是图片优化。


办理方法:别的发现Avada主题官方导入的图片都很小,好比2000px宽度的全屏大配景图只有30KB,但是用户上传的图片如果优化不敷(或者为了清楚度高保真),一张不大的图可能几百KB。AVADA有一个很长的首页,内容丰富,如果用户的图片没有颠末优化,整个首页的下载量会很大;网速欠好的访问者加载速率会慢。用户上传图片前肯定要颠末优化,在PHOTOSHOP里优化,建议一张图片20-30KB。
方法/步调3
第三部分:启用缓存与加快
颠末以上的优化调整,发现加载速率很多多少了,不过间隔我的要求另有些间隔。于是我想到的是增加Wordpress缓存和css与js归并,低落数据库毗连数量,低落js和css响应次数。
原理:Wordpress虽然可以启用rewrite,但并不是天生真正的缓存文件,每次打开页面需要打开数据库。
办理思绪与方法:Wordpress的缓存插件有很多,以前achair.cn这个网站用的知名插件WP Super Cache,感觉效果还可以,不过这个插件在Avada主题上我没搞定,估计.htaccess有问题,个别欣赏器会打不开首页。到Avada官方技能支持论坛查询后发现,Avada官方演示DEMO网站用的是W3 Total Cache插件,并给出W3TC的配置文件,我们只需要安装好插件并导入配置文件即可。

别的,网上有很多关于这两个插件的对比分析,都说W3TC要好一些。关于JS与CSS多文件归并,以前achair.cn用的也是Wordpress的商业主题,用过此类归并插件,不过那些插件在Avada上又变的欠好使了,还好W3TC有归并JS与CSS的功能。
方法/步调4
第四部分:关闭Avada动画、特效
颠末以上三步操纵,感觉已经把能优化的都优化了。不过实际上用起来照旧感觉不敷快,找外地朋侪测试,首次打开偶然需要10秒左右,偶然需要22秒。


原因:颠末多方查找,用火狐Speed Page插件,发现“下载时间”并不长,问题出在“处理时间”,偶然要处理20几秒。这个“处理”主要是欣赏器处理JS和CSS3特效需要的时间。

分析:Avada主题的长首页使用了大量特效,有插件动画,有JS动画,有CSS3特效等等。这时候,要做决策,在特效与加载时间上作取舍,用户体验的天平该往哪里倾斜?

办理方法:分享一下我的选择:
1 首屏特效肯定要保留,使用了Revolution Slider4.6.5,因为功能强大,直接通过后台可以创建Banner动画,而且比力成熟,在性能优化和特效优化方面比力到位。
2 二屏保留了一小部分特效。
3 下面几屏的特效划一关闭,用Fusion Page Builder,手工一个个的将动画关掉,那些动画虽悦目,不过太费欣赏器资源了,影响用户体验,在我的Retina MacBook 2013年末8G内存笔记本上都有一些卡顿,更况且别的电脑了。
4 进入Avada主题选项,特殊是Advanced内里,把用不着的都关掉,如下列表:
  1. Disable Fusion Builder
  2. Disable Mega Menu(打勾)
  3. Disable Avada Styles For Revolution Slider(打勾)
  4. Disable Avada Dropdown Styles(打勾)
  5. UberMenu Plugin Support
  6. Disable CSS Animations(打勾)
  7. Disable CSS Animations on Mobiles Only(打勾)
  8. Disable Youtube API Scripts(打勾)
  9. Disable Vimeo API Scripts(打勾)
  10. Disable Google Map Scripts(打勾)
  11. Disable ToTop Script
  12. Enable ToTop Script on mobile
  13. Disable Fusion Slider(打勾)
  14. Disable Elastic Slider(打勾)
  15. Disable FontAwesome
  16. Disable Open Graph Meta Tags(打勾)
  17. Disable Rich Snippets Sitewide(打勾)
  18. Disable Avada’s Woocommerce Product Gallery Slider(打勾)
复制代码
颠末以上四个步调的优化,网站的首次打开速率基本上可以接受了。但是,Wordpress+商业主题不能与自己做的模板和CMS组合相提并论,强大的功能和效果与速率之间的平衡需要自己来把握。
方法/步调5
第五部分,话外篇《给力的提速–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

效果:
这个部分对访问者访问网站速率提升非常显着,找外地的朋侪帮我测试,首页首次打开速率3-4秒,而且内页点击后反应2秒左右,这才是正常的网站啊。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作