Javascript工具 - 使用packer来压缩JS文件

简介: 可以去站点 http://dean.edwards.name/packer/ 获取Web版处理工具。   packer 是一个javascript压缩工具。其中它通过压缩JS脚本的变量名和使用Base 64进行编码 等处理来达到预定效果。

可以去站点 http://dean.edwards.name/packer/ 获取Web版处理工具。

 

packer 是一个javascript压缩工具。其中它通过压缩JS脚本的变量名和使用Base 64进行编码 等处理来达到预定效果。

对比了同一个JS文件在JS Minifier和packer中的处理情况。


JS Minifier结果 (agressive最高处理级别) 

原始大小:103744      ;处理后大小:54575      ;处理后比率:52.6% (原始大小的百分比,越小越好,下同)

 

packer结果 (无变量压缩和Base64编码)

原始大小:103744      ;处理后大小: 54248      ;比率:52.3%

packer结果 (使用变量压缩和无Base64编码)

原始大小:103744      ;处理后大小: 50797      ;比率:49.0%

packer结果 (使用变量压缩和使用Base64编码)

原始大小:103744      ;处理后大小: 31691      ;比率:30.5%


看起来packer比js minifier处理效果要好些。但估计js minifier更有名而已,呵呵。想要什么工具进行过滤JS,看着办吧。

 

(注:经过测试,packer生成的JS文件无法运行,可能是我的JS编写问题吧,大家使用packer时注意测试,也许packer有BUG。)

 

 

目录
相关文章
|
11天前
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
2月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
2月前
|
JavaScript
如何使用内存快照分析工具来分析Node.js应用的内存问题?
需要注意的是,不同的内存快照分析工具可能具有不同的功能和操作方式,在使用时需要根据具体工具的说明和特点进行灵活运用。
52 3
|
2月前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
2月前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
358 9
|
2月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
102 10
|
2月前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
3月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
215 0
|
3月前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具