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


本文整理自网络,侵删。

从ThemeForest购买的是正版商业主题AVADA(有售后技术支持),使用国内阿里云主机(配置不算低),网站大部分都是AVADA官方导入数据,只是做了一些汉化,并未添加太多数据。但是网站打开速度,特别是首次打开速度很不尽如人意。经过数日研究,一轮又一轮的探索,多方面查证,终有所获。与大家分享,希望能帮到为此困扰的朋友们。

工具/原料

  • 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商业主题来说,降低首页加载容量的有效手段是图片优化。

解决方法:另外发现Avada主题官方导入的图片都很小,比如2000px宽度的全屏大背景图只有30KB,但是用户上传的图片如果优化不够(或者为了清晰度高保真),一张不大的图可能几百KB。AVADA有一个很长的首页,内容丰富,如果用户的图片没有经过优化,整个首页的下载量会很大;网速不好的访问者加载速度会慢。用户上传图片前一定要经过优化,在PHOTOSHOP里优化,建议一张图片20-30KB。

方法/步骤3

第三部分:启用缓存与加速

经过以上的优化调整,发现加载速度好多了,不过距离我的要求还有些距离。于是我想到的是增加Wordpress缓存和css与js合并,降低数据库连接数量,降低js和css响应次数。

阅读剩余部分

相关阅读 >>

wordpress每篇内容添加二维码方法

简单了解wordpress开发中update_option()函数的用法

详解wordpress中分类函数wp_list_categories的使用

linux wordpress gzip压缩开启方法

用python写的一个wordpress的采集程序

wordpress实现自带的侧边栏和自定义的侧边栏同时存在的方法

wordpress中文截取函数用法分析

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

wordpress中添加语音搜索功能的实现方法

wordpress页面静态化与静态文件不生成的解决方法

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



打赏

取消

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

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

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

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

评论

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