JavaScript / CSS 压缩·轻量化(Minify)
压缩、精简 JavaScript、CSS 源代码
特点
JS、CSS 双支持压缩
通过标签页切换精简两种语言的源代码
一并去除注释与空白
换行和多余的分号也自动删减
以数值可视化删减量
即时显示压缩前后的大小与删减率
保留字符串与正则表达式
不破坏代码中的字面量,安全地压缩
使用方法
1
选择要压缩的语言
从 JavaScript 和 CSS 标签页中选择要压缩的语言
2
输入源代码
在输入框中粘贴代码,或用示例按钮试用
3
用压缩按钮执行
生成去除空白和注释后的压缩结果
4
确认并保存压缩结果
确认压缩后的代码和删减率,通过复制或下载获取
使用场景
加快网站显示
缩减 JS、CSS 文件大小,缩短加载时间
正式发布前的最终处理
精简发布用资源,降低分发成本
节省移动流量
面向移动环境压缩传输数据量以节省流量
源代码的混淆
去除格式信息,将源代码处理得更难阅读
基础知识
缩小化与混淆的区别
缩小化是指删除空白、换行、注释以减小文件大小的处理方式,结果虽然会导致代码难以阅读,但这与以变量名替换或结构转换为目的的混淆是不同的处理。
与 gzip 压缩的关系
缩小化与服务器端的 gzip、Brotli 压缩可以并用,同时应用两者是标准做法。通过缩小化减少原始文件大小后,在传输时再进行压缩,压缩效果会叠加。
安全性与隐私
浏览器内完成
输入数据仅在您的浏览器内处理,不会发送至外部。
仅在浏览器内处理
代码压缩完全在您的浏览器内进行,输入数据不会发送到服务器。
通信采用HTTPS加密
页面加载也通过TLS加密,第三方无法读取内容。
不向第三方发送
不向广告网络、跟踪器等外部服务发送输入内容。
结果不自动保存
输入与压缩结果和输入建议不会保存到服务器。
在Google搜索中关注RAKKOTOOLS
175个实用工具,在Google搜索和AI搜索中更容易找到!
- 在搜索中找到
- 在AI搜索中也显示
- 发现新工具
更新信息
- update #216
修复部分工具在非日语页面显示日语文本的问题
- update #162
CSS 压缩工具中半透明色在某些浏览器上失效的问题已解决
- update #86
CSS 压缩工具消除选择器空白丢失导致的布局混乱
- update #27
修复压缩工具中JS标识符分割、CSS后代选择器损坏等输出不完善之处
- update #7
JS/CSS 压缩工具保留运算式和媒体查询中的必要空格
