随着 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>
<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>
以上就是安达网络工作室关于《WordPress 部署 Minify方法 自动压缩合并 JS 和 CSS》的一些看法。更多内容请查看本栏目更多内容!
WordPress显示文章题目的时分,当文章题目过长而且文章的题目又在主页显示时,假如发作换行的景象就显得不美...
WordPress 很弱小,然而其编辑器却很粗陋,可能 WordPress 依仗着本人有丰厚的插件性能所以将后盾的编辑器简...
判别置顶文章 is_sticky() 函数用来判别一篇文章能否为置顶文章。 用法 is_sticky( $post_id ); 参数 $p...
明天,特带来了5个实例技巧,至多能够协助冤家们在缩小wordpress博客的负荷上起到一点点作用吧,上面和网友...
找到wp-includes/formatting.php文件中复制代码代码如下:// This is not a tag, nor is the texturization ...
很多博客都喜爱用 评论宣布于 “XXX 分钟 之前”、文章宣布于 “XXX 分钟 之前”来显示文章评论的工夫,改善...