WordPress 部署 Minify办法 主动紧缩兼并 JS 和 CSS

随着 WordPress 一版一版的晋级,性能越来越多,代码量也越来越宏大,对 WordPress 速度慢的埋怨声也越来越多。我自以为本人的 WordPress 在速度上还算是比拟快的,很久之前我也从 Gzip 缓存、数据库优化等方面分享过一些有助于 WordPress 提速的经历,其实速度上的优化是无尽头的,明天就再来分享一下从前端的角度登程,经过紧缩兼并 JavaScript 和 CSS 来让 WordPress 加载更快。

紧缩 JavaScript 和 CSS,是为缩小文件大小,节省流量开支;兼并 JavaScript 和 CSS,是为了缩小申请数量,加重效劳器压力。而这些单调又没有技术含量的工作,咱们以前通常会手动解决,费时又费力。其实这些工作能够让一些工具为咱们代劳,比方说,明天我推荐的这个工具—— Minify

Minify下载地址 https://www.jb51.net/codes/67229.html

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

上图是本站首页的 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://jb51.net/wp-content/themes/wange/js/jquery.js"></script>
<script src="http://jb51.net/wp-content/themes/wange/js/jquery-ui.js"></script>
<script src="http://jb51.net/wp-content/themes/wange/js/public.js"></script>
<script src="http://jb51.net/wp-content/themes/wange/js/index.js"></script>

而如今,我只要引入这一个 JavaScript 文件即可:
 
<script src="http://jb51.net/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 部署 Minify方法 自动压缩合并 JS 和 CSS》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: WordPress Minify
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
WordPress罕用的日期与工夫显示函数概述

WordPress能够经过一系列的工夫日期函数来管制工夫日期的输入,上面引见几个罕用的函数:1、the_date_xml()...

几个优化WordPress中JavaScript加载体验的插件引见

WordPress 自身以及主题和插件通常需求加载一些 JavaScript 来完成某些非凡性能。为了最大限制地保障兼容性...

wordpress随机文章/随机推荐的完成思绪与用法

wordpress完成随机文章 ralix曾公布过对于wordpress随机文章的相干插件的点评文章(&ldquo;wordpress插件之...

WordPress完成回复文章评论后发送邮件告诉的性能

本文实例讲述了WordPress完成回复文章评论后发送邮件告诉的性能。分享给大家供大家参考,详细如下: 很多时...

WordPress中获取指定分类及其子分类下的文章数目

获取特定分类文章数 有时分咱们想获取某个分类(category)下的文章数目,以便在博客的某个中央显示进去。上面...

wordpress回复评论文字的修正办法

  WordPress主题教程之修正wordpress回复评论文字办法,首选需求建设个自定义的评论模板,而后经过调用此...

需求提交

客服服务

亿鸽在线客服系统