提升WordPress 打开速度全面解决方案


当前第2页 返回上一页

原理: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里面,把用不着的都关掉,如下列表:

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组合相提并论,强大的功能和效果与速度之间的平衡需要自己来把握。

方法/步骤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秒左右,这才是正常的网站啊。


标签:WordPress

返回前面的内容

相关阅读 >>

docker搭建 nginx+php+mysql 环境并部署wordpress实践

wordpress博客搜索关键词高亮显示实现代码

php版本升级到7.x后wordpress的一些修改及wordpress技巧

在七牛云存储上部署wordpress站点的教程

wordpress使用rss feed输出自定义文章类型内容的方法

wordpress获取指定分类文章数量的方法

六个步骤,从零开始教你搭建基于wordpress的个人博客

解析wordpress中函数钩子hook的作用及基本用法

wordpress中获取页面链接和标题的相关php函数用法解析

wordpress搭建中英文双语言或多语言的网站详解

更多相关阅读请进入《wordpress》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...