• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >WordPress > WordPress 部署 Minify方法 自动压缩合并 JS 和 CSS

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-13

佚名 向大家介绍了gulp minify js,minify.js,minify,gulp minify,gulp minify html等相关知识,希望对您有所帮助

随着 WordPress 一版一版的升级,功能越来越多,代码量也越来越庞大,对 WordPress 速度慢的抱怨声也越来越多。我自认为自己的 WordPress 在速度上还算是比较快的,很久之前我也从 Gzip 缓存、数据库优化等方面分享过一些有助于 WordPress 提速的经验,其实速度上的优化是无止境的,今天就再来分享一下从前端的角度出发,通过压缩合并 JavaScript 和 CSS 来让 WordPress 加载更快。

压缩 JavaScript 和 CSS,是为减少文件大小,节省流量开销;合并 JavaScript 和 CSS,是为了减少请求数量,减轻服务器压力。而这些枯燥又没有技术含量的工作,我们以前通常会手动处理,费时又费力。其实这些工作可以让一些工具为我们代劳,比如说,今天我推荐的这个工具—— Minify。

Minify下载地址 http://www.weikejianghu.com/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 文件:

</div>

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • 2018-11-02WordPress调用近期编辑过的文章列表
  • 2018-11-02WordPress可视化表格插件:WP Tabel Tag Gen
  • 2017-05-13WordPress中发送HTML邮件的方法
  • 2017-05-13wordpress后台添加子菜单的常用几种情况及对应方法
  • 2018-11-02搜索引擎优化WordPress的7个步骤
  • 2018-11-02WordPress主题高仿雷锋网爆炸发布
  • 2018-11-02WordPress插件:解决分享朋友圈没缩略图WX CUSTOM SHARE
  • 2017-05-13wordpress固定链接翻译插件 自动将标题翻译成英文
  • 2018-11-02WordPress获取文章形式函数:get_post_format
  • 2018-11-02wordpress外贸网站需要多少带宽、月流量和空间才合适?

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • WordPress如何实现图片延迟加载
    • wordpress获取置顶文章列表的方法
    • WordPress实现彩色标签云的方法
    • 为什么推荐云服务器运行WordPress?
    • WordPress屏蔽评论中链接地址的方法
    • wordpress网站如何删除主题
    • WordPress中输出当前页面SQL语句的方法
    • 在WordPress 文章未尾自动添加一个作者信息框
    • 提升WordPress 打开速度全面解决方案
    • wordpress置顶文章调用与设置

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有