网站优化工具-YUI Compressor「建议收藏」

网站优化工具-YUI Compressor「建议收藏」一、简介YUICompressor,专用于压缩js和css文件,可以有效降低js和css文件占用的空间;如,将使用YUICompressor压缩过的js和css文件部署到网站的生产环境,有效降低浏览器下载相关资源的时延,提升用户体验。二、压缩工具YUI-Compressor英文官网:http://yui.github.io/yuicompressor/GitHub-YUI:https://github.com/yui/yuicompressor在线YUI:http://ganquan.inf

大家好,又见面了,我是你们的朋友全栈君。

一、简介
YUI Compressor,专用于压缩js和css文件,可以有效降低js和css文件占用的空间;
如,将使用YUI Compressor压缩过的js和css文件部署到网站的生产环境,有效降低浏览器下载相关资源的时延,提升用户体验。

二、压缩工具YUI-Compressor

英文官网:http://yui.github.io/yuicompressor/
GitHub-YUI:https://github.com/yui/yuicompressor
在线YUI:http://ganquan.info/yui/?hl=zh-CN

YUI compressor的一个缺点是基于JAVA,首先得需要有一个JRE才可以运行,
使用YUI压缩,首先需要准备YUI的jar包
下载地址:
http://download.csdn.net/detail/baidu_25343343/9697139
下载好后,将jar包放在比较方便获取的位置

三、使用步骤
1、安装java环境
2、将yuicompressor.jar放在任意目录,比如 /opt/software/yuicompressor/yuicompressor.jar
3、编写bash脚本,保存为yui.sh

#!/usr/bin/env bash
java -jar /opt/software/yuicompressor/yuicompressor.jar $1 > $2

4.运行命令使yui.sh可执行

chmod +x /opt/software/yuicompressor/yui.sh

5.建立链接

sudo ln -s /opt/software/yuicompressor/yui.sh /usr/bin/yui

6.使用方法

yui old.js new.js

第一个参数是原来的未压缩文件,第二个参数是压缩后的文件

四、命令行使用方法
命令行调用
1、处理单个js文件

java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js

2、处理单个css文件

java -jar yuicompressor-x.y.z.jar myfile.css -o myfile-min.css

3、批量压缩js文件

java -jar yuicompressor-x.y.z.jar *.js -o "*.js:*.min.js" --charset utf-8

4、批量压缩css文件

java -jar yuicompressor-x.y.x.jar *.css -o "*.css:*.min.css" --charset utf-8

完整的选项说明
在命令 行执行java -jar yuicompressor-x.y.z.jar,可以看到YUI Compressor完整的使用说明

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/161200.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 绕过“请在微信客户端打开链接”如微师下载视频等。

    绕过“请在微信客户端打开链接”如微师下载视频等。UA(UserAgent)的问题。微信内置的浏览器设置了特定的UA,在网页加载时会识别这个UA修改UA:浏览器不同地方不同360浏览器:F2点击右上角”更多工具”-“网络状态”找到下面的用户代理(UserAgent),取消选择Selectautomatically(自动选择),然后在输入框中加入“MicroMessenger”就可以了。goole:我用的是Chrome,其他浏览器也大同小异。在你打开需要的网页链接之前F12打开开发者…

    2022年5月18日
    78
  • linux内存管理之 ION 内存管理器浅析Ⅱ(system contig heap)

    linux内存管理之 ION 内存管理器浅析Ⅱ(system contig heap)目录1systemcontigheap与systemheap2systemcontigheap创建3systemcontigheap内存分配4systemcontigheap内存释放1systemcontigheap与systemheap从代码中我们看到systemcontigheap与systemheap同属一个文件中,ion_system_heap.c相同点:它们都是根据用户传递的字节len,转换成order,从buddy中

    2025年8月13日
    3
  • 浏览器安装为知笔记插件(chrome浏览器)

    浏览器安装为知笔记插件(chrome浏览器)1.下载并安装驱动 wiz.cn/zh-cn/downloads-webclipper.html2.我选择的谷歌浏览器,因为不好翻墙,这里选择手动安装3.下载会得到一个crx文件。注意这里按照官方文档去添加到扩展程序会失败。我们要把这个文件后缀名改为.zip形式并解压,得到文件夹。注意:是直接将.crx改成.zip!!不是自己压缩成的4.接着,打开谷歌的“更多工具”…

    2022年8月18日
    38
  • linux必须运行在enforcing,Linux(入门基础):97—SELinux三种模式的启动、关闭、查看(getenforce、setenforce、sestatus、restorecon)…

    linux必须运行在enforcing,Linux(入门基础):97—SELinux三种模式的启动、关闭、查看(getenforce、setenforce、sestatus、restorecon)…一、SELinux三种模式简介Enforcing:强制模式。代表SELinux在运行中,且已经开始限制domain/type之间的验证关系Permissive:宽容模式。代表SELinux在运行中,不过不会限制domain/type之间的验证关系,即使验证不正确,进程仍可以对文件进行操作。不过如果验证不正确会发出警告Disabled:关闭模式。SELinux并没有实际运行二、getenforce命…

    2022年6月27日
    38
  • Linux安装vim命令

    Linux安装vim命令最近在Linux上使用vim编辑器编写shell脚本的时候,遇到了这样一个问题,如下:-bash:vim:commandnotfound这是因为vim命令没有安装,于是我从网上搜索了很多关于安装vim命令的教程,不过大都比较繁琐,如今介绍一种简单的方法,大家可以试一下。首先,执行如下命令进行查询:rpm-qa|grepv…

    2025年8月11日
    3
  • Vue进阶(三十六):created() 详解「建议收藏」

    Vue进阶(三十六):created() 详解「建议收藏」这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下。这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理不同逻辑。一般可以在creat…

    2022年6月25日
    152

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号