网站优化工具-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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • DataLoader详解

    DataLoader详解对数据集处理虽说很方便但在参数选取和其他的细节方面还容易出问题,尤其是最后一个Batch长度不足,会导致输出维度发生问题,若直接舍去,我还想要全部的数据结果使用方法①创建一个Dataset对象②创建一个DataLoader对象③循环这个DataLoader对象,将xx,xx加载到模型中进行训练train_loader=DataLoader(dataset,batch_size=batch_size,shuffle=shuffle,collate_fn=pad

    2022年5月4日
    72
  • es数据库简介

    es数据库简介##1.es是什么ElasticSearch简称ES,是一个高拓展和开源的全文搜索和分析引擎,可以准实时地存储、搜索、分析海量的数据。它和MongoDB、redis等一样是非关系型数据。业应用定位:采用RestfulAPI标准的可扩展和高可用的实时数据分析的全文搜索工具。可拓展:开源软件,支持很多第三方插件。高可用:在一个集群的多个节点中进行分布式存储,索引支持shards和复制,即使部分节点down掉,也能自动进行数据恢复和主从切换。采用RestfulAPI标准:通过http接口使用JSO

    2022年5月7日
    54
  • UVA644

    UVA644题意:输入多个序列,判断是否存在前缀关系。思路如下:现

    2022年6月16日
    28
  • java数组详解

    java数组详解1 数组概念同一种类型数据的集合。其实数组就是一个容器。数组的好处可以自动给数组中的元素从0开始编号,方便操作这些元素。格式1:元素类型[] 数组名 = new 元素类型[元素个数或数组长度];示例:int[] arr = new int[5];格式2:

    2022年6月2日
    23
  • kong网关集群部署[通俗易懂]

    kong网关集群部署[通俗易懂]kong网关集群部署机器准备节点A部署1.安装依赖组件2.安装postgresql3.创建kong数据库4.安装kong5.安装可视化界面konga6.konga部署在生产环境节点B部署1.安装kong测试集群效果机器准备节点A192.168.0.1节点B192.168.0.2节点A部署1.安装依赖组件yum-yinstallgcc-c++yum-yinstallpc…

    2022年9月11日
    1
  • C#FindWindowEx参数详解

    C#FindWindowEx参数详解FindWindowEx参数详解本函数的其他内容在网络上都比较多,这里主要说一下它的参数设置和搜索结果的区别。函数功能:在窗口列表中寻找与指定条件相符的第一个子窗口。该函数获得一个窗口的句柄,该窗口的类名和窗口名与给定的字符串相匹配。这个函数查找子窗口,从排在给定的子窗口后面的下一个子窗口开始。在查找时不区分大小写。函数原型:HWNDFindWindowEx(HWNDh

    2022年6月1日
    49

发表回复

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

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