WordPress 部署 Minify方法 自动压缩合并 JS 和 CSS

WordPress部署Minify方法自动压缩合并JS和CSS

今天就来分享一下过去的视角，根据压缩把JavaScript和CSS结合起来让WordPress加载更快。

随着WordPress一个版本的升级，它的功能越来越多，编码量也越来越大。关于WordPress速度慢的抱怨越来越多。我觉得我的WordPress在速度上还是比较快的。很久以前，因为我从Gzip缓存文件和数据库优化方面分享了一些有利于WordPress加速的工作经验，其实提速是无止境的。今天我就分享一下过去的视角，结合JavaScript和CSS让WordPress加载更快。

JavaScript和CSS的压缩是为了减小文件大小，节省总流量成本；JavaScript和CSS结合的目的是为了更好的减少请求总数，缓解网络服务器的工作压力。但是，在这种枯燥、无技术含量的工作中，以前一般都是人工解决，费时费力。其实这种工作可以让一些特殊的工具帮助穷人，比如今天我强烈推荐这个特殊的工具——minify。

缩小下载链接https://www.jb51.net/codes/67229.html

首先，我们来看看Minify的应用在我的WordPress上的实际效果。

图为该网站主页的JS请求。从图中可以看出，这个JS请求合并了四个JavaScript文件，jquery.js、jquery-ui.js、public.js和index.js，类似地，CSS文件也以同样的方式合并和压缩。

那么如何使用Minify呢？Minify是一个基于GoogleCode的开源项目。我们可以去这里看热闹。安装方法如下:

1.免费下载Minify并将min文件夹提交到你的主题风格文件夹。

2、配备Minify，写config.php文档，可根据笔记配备。(没有它也可以应用Minify)

3.改变JavaScript和CSS引入的连接细节。例如:

以前我要在首页引入四个JavaScript文件:

复制以下代码:
<；scriptsrc="http://jb51.net/WP-content/themes/王锷/js/jquery-ui.js">；</script>；
<；scriptsrc="http://jb51.net/WP-content/themes/王锷/js/public.js">；</script>；
<；scriptsrc="http://jb51.net/WP-content/themes/王锷/js/index.js">；</script>；

现在，我只需要介绍一下这个JavaScript文件:

复制下面的代码:

这样，从服务器行合并压缩的JavaScript和CSS文件就很容易了。很可能你已经看到Minify不只是WordPress才有，如果你的web服务器有PHP5的自然环境也可以应用，所以你也可以在其他新项目或者工作中应用，这样会减轻你的工作量，提高新项目的质量。