WP Super Cache搭配Autoptimize提升网站访问速度及问题解决方法

网站对于优化来说是一件很麻烦的事，特别是wordpress国外的主题在国内运行是比较慢的，要我们手动完成那么多优化项目实在不是一般人干得了的活，这里我们用Autoptimize搭配WP Super Cache轻松愉快地实现优化。

1.WP Super Cache：WP Super Cache是一款经典老牌的优化工具，它的“超级缓存”功能为动态的WordPress页面生成静态的html文件。当一个html文件生成后，服务器就会向访客直接提供这个静态文件来取代相对而言需要更多资源来处理的PHP动态页面，从而减轻了服务器压力，提高到了响应速度和效率。生成的静态文件将会为绝大多数用户服务，包括：没有登录的用户，没有发表过评论的用户，或者没有访问过密码保护文章的用户。基本上，99%的用户访问的都将是静态的缓存文件，剩下的需要动态解析的用户也会访问到不同的缓存文件，虽然效率上赶不上静态的缓存，但依然好过没有启用缓存。

2.Autoptimize：Autoptimize着重于js和css的优化，实现了js和css的合并、压缩、添加expires头、缓存，并将css移动到头部，js移动到尾部，还提供了HTML页面的压缩。基本上把js和css相关的优化都做完了。Autoptimize的作者建议搭配WP Super Cache来提高WordPress的访问速度。

即使因为某些原因导致“超级缓存”无法在你的WordPress工作也不用担心，缓存功能依然会继续工作，只是每次请求都需要调用PHP引擎。正常情况下，访客并不会感觉到明显的速度差异。事实上，当你的服务器不堪重荷或者访问量很大时，才是“超级缓存”发挥最大作用的时候。“超级缓存”直接向访客提供静态的html文件会比PHP生成缓存文件更快、更高效，但在日常使用中，并不会有明显的差别。

安装Autoptimize：点击这里下载Autoptimize，将下载的文件解压，把autoptimize文件夹上传到/wp-content/plugins/目录，在“插件”菜单中启用Autoptimize，然后到 设置-> Autoptimize 中简单设置一下，如图一所示：

勾选“优化 HTML 代码？”，“优化 JavaScript 代码？”，“优化 CSS 代码？”三个选项，然后别忘了点击最下面的“保存更改”按钮。至此，Autoptimize就开始工作了。我们前面提到过，css文件合并一般不会出现问题，但是js文件的合并比较容易出错，所以启用Autoptimize插件后可能导致WordPress的某些插件或功能出现异常或者失效。

遇到这种情况，我们只需要将出错的的js文件排除，不进行合并就好。

Autoptimize更新至2.0后，作者在高级设置下可直接排除JS。
[section label=”老版本解决方法” anchor=”2.0″]
以下方法适合2.0之前版本

关于Autoptimize老版本解决方法

在Autoptimize的 \autoptimize\classes 目录下用编辑器打开autoptimizeScripts.php文件（不要用记事本，容易出错），在文件开头部分可以找到如下代码 ：

class autoptimizeScripts extends autoptimizeBase
{
	private $scripts = array();
	private $dontmove = array('document.write','show_ads.js','google_ad','blogcatalog.com/w','tweetmeme.com/i','mybloglog.com/','var s_sid = ','histats.com/js','smowtion_size','ads.smowtion.com/ad.js','sc_project','statcounter.com/counter/counter.js','widgets.amung.us','WAU_','wau_add','ws.amazon.com/widgets','media.fastclick.net','/ads/','comment-form-quicktags/quicktags.php','edToolbar','intensedebate.com','ch_client','scripts.chitika.net/','_gaq.push');
	private $domove = array('gaJsHost','load_cmc','jd.gallery.transitions.js','swfobject.embedSWF(','tiny_mce.js','tinyMCEPreInit.go');

我们只需要注意$dontmove里面的内容，这里添加的都是不需要进行合并压缩处理的关键字，我们把需要排除的关键字添加进来就可以。比如放在wp-cumulus文件夹下的WP Cumulus插件只有一个swfobject.js。我们将wp-cumulus或者swfobject.js添加到$dontmove中就可以了。注意要按照正确的格式书写，用一对单引号把关键字括起来，并用逗号分隔关键字，所有的符号都要用英文标点。修改后如下：

class autoptimizeScripts extends autoptimizeBase
{
	private $scripts = array();
	private $dontmove = array('wp-cumulus','document.write','show_ads.js','google_ad','blogcatalog.com/w','tweetmeme.com/i','mybloglog.com/','var s_sid = ','histats.com/js','smowtion_size','ads.smowtion.com/ad.js','sc_project','statcounter.com/counter/counter.js','widgets.amung.us','WAU_','wau_add','ws.amazon.com/widgets','media.fastclick.net','/ads/','comment-form-quicktags/quicktags.php','edToolbar','intensedebate.com','ch_client','scripts.chitika.net/','_gaq.push');

将修改后的autoptimizeScripts.php上传到空间中替换掉原来的autoptimizeScripts.php文件，然后在“设置 –>Autoptimize ”里点击一下Save Changes and Empty Cache按钮，再在“设置 –> WP Super Cache ”删除缓存。刷新一下页面可正常显示了。

登录可见下载资源信息, 现在去登录