WordPress 陈设 Minify 自动压缩归并 JS 和 CSS

  跟着 WordPress 一版一版的进级,成果越来越多,代码量也越来越复杂,对 WordPress 速度慢的诉苦声也越来越多。我自认为本身的 WordPress 在速度上还算是较量快的,好久之前我也从 Gzip 缓存、数据库优化等方面分享过一些有助于 WordPress 提速的履历,其实速度上的优化是无尽头的,本日就再来分享一下从前端的角度出发,通过压缩归并 JavaScript 和 CSS 来让 WordPress 加载更快。

  压缩 JavaScript 和 CSS,是为淘汰文件巨细,节减流量开销;归并 JavaScript 和 CSS,是为了淘汰请求数量,减轻处事器压力。而这些枯燥又没有技能含量的事情,我们以前凡是会手动处理惩罚,费时又艰辛。其实这些事情可以让一些东西为我们代庖,好比说,本日我推荐的这个东西—— Minify。

  首先,先来看一下 Minify 在我的 WordPress 上利用的结果吧。

WordPress 摆设 Minify 自动压缩合并 JS 和 CSS

  上图是本站首页的 JS 请求,从图中可以看出,这一个 JS 请求中,归并了 jquery.js,jquery-ui.js,public.js,index.js 这四个 JavaScript 文件,同理,CSS 文件的归并压缩形式也是如此。

  那我们怎么利用 Minify 呢?Minify 是 Google Code 上的一个开源项目,我们可以前往这里围观。安装要领如下:

  1、下载 Minify 并把 min 文件夹上传至你的主题文件夹下。

  2、设置 Minify,编辑 config.php 文件,可依据注释设置。(不设置也可利用 Minify)

  3、修改引入的 JavaScript 和 CSS 的链接地点。好比:

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

<script src=http://down.chinaz.com/"http:/wange.im/wp-content/themes/wange/js/jquery.js"></script>
<script src=http://down.chinaz.com/"http:/wange.im/wp-content/themes/wange/js/jquery-ui.js"></script>
<script src=http://down.chinaz.com/"http:/wange.im/wp-content/themes/wange/js/public.js"></script>
<script src=http://down.chinaz.com/"http:/wange.im/wp-content/themes/wange/js/index.js"></script>

  而此刻,我只需引入这一个 JavaScript 文件即可:

<script src=http://down.chinaz.com/"http:/wange.im/wp-content/themes/wange/min/?b=wp-content/themes/wange/js&f=jquery.js,jquery-ui.js,public.js,index.js"></script>

  这样一来,就可以简朴地完成了从处事器端在线归并压缩 JavaScript 和 CSS 文件,大概你已经看出来了,Minify 并不可是针对 WordPress 可用,只要你的处事器有 PHP5 的情况就可以利用,所以你也可以在其他项目中或事情中利用它,会减轻你的事情量,提高项目质量。

WordPress v3.5.2 简体中文版下载

WordPress 摆设 Minify 自动压缩合并 JS 和 CSS

界面预览

  原文地点:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/9838.html