您现在的位置是:网站首页> 编程资料编程资料
JS/CSS压缩工具(YUI Compressor)使用方法JS与css 压缩工具 yuicompressor
2023-10-26
172人已围观
简介 这篇文章主要介绍了JS/CSS压缩工具(YUI Compressor)的使用方法,这样可以提高网页访问速度,希望对大家帮助
网页访问速度慢如何提高呢?我们无法改变用户的网络状况,只有自己网站使用更快的带宽或者使用更强的服务器,使用户访问我们的时候感觉很快。另外就是对JS/CSS文件进行压缩,由于文件较小,用户下载的时间就很短。
下面我介绍一种JS/CSS压缩工具-YUI Compressor
YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具,采用Java开发。方便快捷,压缩后的代码文件体积小,有效率高,当然市面上不乏有很多压缩工具,但是很多工具尤其在处理压缩一些大型脚本后往往导致脚本出错失效,不过我使用YUI Compressor到现在没有压坏一个脚本。
使这个工具生效前还必须安装Java的运行环境,如果你没有安装请下载安装一个吧!
使用方法:
复制代码
代码如下://压缩JS
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js
//压缩CSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css
当然这种方法比较麻烦一下,所以我们可以把它设置到右键菜单中,这样子鼠标右击文件就可以调用自动压缩!
文件我已经打包好!下载后点击 install.cmd安装,点击 uninstall.cmd卸载;使用的时候选中JS或者CSS文件, 执行右键菜单“Process with &YUICompressor”,会生成压缩后的文件。
相关内容
- css页面中常见左中右分栏布局的两种实现方式用纯CSS实现容器内图片上下左右居中css实现div内图片上下左右居中css页面左中右分栏布局示例详解css布局实现左中右布局的5种方式
- div+css实现圆角即网页上常用的圆角效果设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法
- 雷霆战机僚机哪个比较好 僚机选择攻略推荐_手机游戏_游戏攻略_
- 雷霆战机装备选择技巧攻略 两大热度僚机_手机游戏_游戏攻略_
- 腾讯雷霆战机辅助修改方法说明 卡箱子BUG_手机游戏_游戏攻略_
- 雷霆战机腾讯破解刷分教程攻略推荐_手机游戏_游戏攻略_
- 腾讯雷霆战机辅助刷分教程攻略 空降无限烈火_手机游戏_游戏攻略_
- 全民飞机大战刷分攻略_最新叉叉助手刷分破百万教程推荐_手机游戏_游戏攻略_
- 全民飞机大战 黄金斗士限量发放活动详细介绍_手机游戏_游戏攻略_
- 《全民英雄》iOS推塔版本什么时候更新_手机游戏_游戏攻略_
