前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >网站优化工具-YUI Compressor「建议收藏」

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

作者头像
全栈程序员站长
发布2022-09-09 11:33:28
7720
发布2022-09-09 11:33:28
举报
文章被收录于专栏:全栈程序员必看

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

一、简介 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

代码语言:javascript
复制
#!/usr/bin/env bash
java -jar /opt/software/yuicompressor/yuicompressor.jar $1 > $2

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

代码语言:javascript
复制
chmod +x /opt/software/yuicompressor/yui.sh

5.建立链接

代码语言:javascript
复制
sudo ln -s /opt/software/yuicompressor/yui.sh /usr/bin/yui

6.使用方法

代码语言:javascript
复制
yui old.js new.js

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

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

代码语言:javascript
复制
java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js

2、处理单个css文件

代码语言:javascript
复制
java -jar yuicompressor-x.y.z.jar myfile.css -o myfile-min.css

3、批量压缩js文件

代码语言:javascript
复制
java -jar yuicompressor-x.y.z.jar *.js -o "*.js:*.min.js" --charset utf-8

4、批量压缩css文件

代码语言:javascript
复制
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.cn/161200.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
文件存储
文件存储(Cloud File Storage,CFS)为您提供安全可靠、可扩展的共享文件存储服务。文件存储可与腾讯云服务器、容器服务、批量计算等服务搭配使用,为多个计算节点提供容量和性能可弹性扩展的高性能共享存储。腾讯云文件存储的管理界面简单、易使用,可实现对现有应用的无缝集成;按实际用量付费,为您节约成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档