1. 全栈程序员必看首页

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

全栈程序员-站长 • • 未分类 • 阅读 20

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


相关推荐

  • ios-anchorPoint、position理解[通俗易懂]

    ios-anchorPoint、position理解[通俗易懂]

    ios-anchorPoint、position理解[通俗易懂]anchorPoint（锚点）是layer的一个属性，下面我们来看看其对view的影响，本文主要通过图片方式展现：锚点用单位坐标来描述也就是图层的相对坐标。在苹果文档中说明左下是(0,0),右上是（1，1），经过试验这个是错的，实际上：图层左上角是{0,0}，右下角是{1,1}，取值范围不限。单位坐标的意思是指以视图长款为单位来计算，坐标系展示如下：默认一个视图的锚

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月8日
    2
  • <span role="heading" aria-level="2">python自学笔记(一)

    python自学笔记(一)

    python自学笔记(一)我没学过python，通过网上和一些图书资料，自学并且记下笔记。很多细节留作以后自己做项目时再研究，这样能更高效一些。python基础自学笔记一、基本输入和输出pthon3.0用input提示

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月5日
    23
  • QQ密技十五招[通俗易懂]

    QQ密技十五招[通俗易懂]

    QQ密技十五招[通俗易懂]1.减少QQ占用内存资源的秘笈　　登陆QQ后，占用内存：约8M　　QQ离线，占用内存：约10M　　秘笈：登陆QQ后，随便打开一个好友的对话窗口，把它最小化，QQ占用的内存就变为3M了，这对于内存小的朋友特别有用！！2.QQ自定义头像上传成功率较高的方法　　1.将图像剪裁成40*40,再大的图也是这么大..　　2.将图像转换成bmp格式　　3.满足以上条件后

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月20日
    17
  • algo_FISTA(fast shrinkage-thresholding algorithm)

    algo_FISTA(fast shrinkage-thresholding algorithm)

    algo_FISTA(fast shrinkage-thresholding algorithm)前言：FISTA（Afastiterativeshrinkage-thresholdingalgorithm）是一种快速的迭代阈值收缩算法（ISTA）。FISTA和ISTA都是基于梯度下降的思想，在迭代过程中进行了更为聪明（smarter）的选择，从而达到更快的迭代速度。理论证明：FISTA和ISTA的迭代收敛速度分别为O(1/k2)和O(1/k)。　　本篇博文先从解决优化问题的传统方法

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月1日
    33
  • <span role="heading" aria-level="2">一比一还原axios源码（六）—— 配置化

    一比一还原axios源码（六）—— 配置化

    上一章我们完成了拦截器的代码实现，这一章我们来看看配置化是如何实现的。首先，按照惯例我们来看看axios的文档是怎么说的：首先我们可以可以通过axios上的defaults属性来配置api。我们可

    全栈程序员-站长的头像 全栈程序员-站长
    2022年3月25日
    46
  • MPP架构概念_体系架构是什么意思

    MPP架构概念_体系架构是什么意思

    MPP架构概念_体系架构是什么意思MPP架构概念1.什么是MPPMPP(MassivelyParallelProcessing)，即大规模并行处理。什么是并行处理？在数据库集群中，首先每个节点都有独立的磁盘存储系统和内存系统，其次业务数据根据数据库模型和应用特点划分到各个节点上，MPP是将任务并行的分散到多个服务器和节点上，在每个节点上计算完成后，将各自部分的结果汇总在一起得到最终的结果。什么是大规模？每台数据节点通过专用网络或者商业通用网络互相连接，彼此协同计算，作为整体提供数据库服务。整个集群称为非共享数据库集群，非

    全栈程序员-站长的头像 全栈程序员-站长
    2025年7月12日
    5

发表回复

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

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