http://www.supzz.com/
Javascript压缩(Js压缩)工具聚合
怎么压缩Js?为什么要压缩Javascript? Javascript compressed/crunched
开发Ajax除了自己要写js代码外,同样也免不了要使用其它第三方js库,是否该为JavaScript减肥?
当你提高了用户体验,做出了很绚丽的效果而欣喜的时候,是否想过优化一下JS的效率,比如微软的live,其中的js做了压缩处理。JS的速度分为两种,下载速度和执行速度。今天就先来说说下载速度。要想js的下载速度快,就需要尽量减小js文件的大小。这里我们可以使用一个工具ESC(ECMAScript cruncher)来帮我们完成这个工作,不过这个工具只能在Windows下使用。到http://www.saltstorm.net/depo/esc/introduction.wbm?pod=js下载ESC.zip,解压后看看它的帮助文档。很简单。
压缩级别分为5种,从0到4
Level 0 :: No compression
Level 1 :: Comment removal
Level 2 :: Whitespace removal
Level 3 :: Newline removal
Level 4 :: Variable substitution
在WINDOWS命令行下执行
cscript ESC.wsf -ow menu2.js menu.js将会把menu.js按照js压缩级别2来压缩(默认js压缩级别为2)为menu2.js
cscript ESC.wsf -l 3 -ow menu3.js menu.js将会把menu.js按照js压缩级别3来压缩为menu3.js
需要注意的是,js压缩级别4会把变量名修改,如果你的js中用到了全局变量或者类的话,就不能使用该压缩级别了,否则其它使用你的js的文件可能会无法正常运行。
试了一下,把yui的menu.js压缩了一下,对应的级别和压缩率分别如下:
js压缩级别1:压缩率44.41%
js压缩级别2:压缩率62.82%
js压缩级别1:压缩率64.93%
原来130多K的js文件压缩后也就40多K,看来还是挺有用处的。
分享到:
相关推荐
"js压缩工具"主要关注如何通过特定的工具来优化和压缩JS代码,从而提升网站性能。在这个过程中,我们可以使用如`yuicompressor`这样的工具,下面将详细介绍其操作流程。 `yuicompressor`是由YUI团队开发的一款开源...
为什么要压缩Javascript? Javascript compressed/crunched 开发Ajax除了自己要写js代码外,同样也免不了要使用其它第三方js库,是否该为JavaScript减肥? 当你提高了用户体验,做出了很绚丽的效果而欣喜的时候,...
综上所述,`YUI Compressor 2.4.2` 是一款强大的JavaScript和CSS压缩工具,对于前端性能优化具有重要的意义。虽然它是一个较老的版本,但在很多情况下仍然能够胜任代码压缩的工作,帮助开发者实现更快、更轻量级的...
为了解决这个问题,可以采用数据压缩技术,如gzip,配合JavaScript库pako.js来压缩数据,然后再通过Ajax发送。以下将详细讲解如何利用ajax和pako.js实现gzip数据压缩上传。 首先,理解gzip压缩原理。gzip是一种广泛...
为了解决这个问题,开发者通常会使用图像压缩工具,其中,“imagecompressor”是一个基于JavaScript的轻量级图像压缩库,它利用了浏览器的本机`canvas.toBlob` API来进行图像压缩。 一、核心原理 1. `canvas`: ...
PNGOO是一个在线的PNG图像压缩工具,而要寻找类似的Node.js库,我们可以考虑`node-pngquant-native`。这个库是PNGQuant的Node.js绑定,PNGQuant是一款高效的命令行工具,用于将24位和32位PNG图像转换为8位彩色,同时...
JavaScript中的zip_deflate和zip_inflate是用于数据压缩和解压缩的算法,它们在Web开发中扮演着重要的角色,尤其是在处理大量数据传输时。这里我们将深入探讨这两个概念以及如何在JavaScript环境中实现它们。 首先...
"前端pako压缩与解压缩"这个主题主要关注如何在JavaScript环境下利用pako库来实现这一功能。Pako是一个高效的,开源的Gzip/Deflate库,它允许开发者在浏览器端进行数据压缩和解压缩,从而提高网页性能。 首先,我们...
JavaScript图像压缩器。 使用浏览器的本机 API进行压缩工作,这意味着它是有损压缩。 通常使用此方法在上载客户端映像文件之前对其进行预压缩。 目录 主要 dist/ ├── compressor.js (UMD) ├── compressor.min...
JavaScript 图片压缩插件是一种用于优化用户在网页上上传大尺寸图片体验的工具。随着智能手机摄像头的不断提升,拍摄的照片质量越来越高,相应的文件大小也越来越大。这可能会导致在上传到网站时速度变慢,消耗大量...
pako是一个高效的JavaScript库,提供了对多种压缩算法的支持,包括gzip。在本项目中,我们将关注如何使用pako库进行gzip压缩和解压缩,并解决在处理中英文内容时可能出现的乱码问题。 首先,让我们详细了解pako库。...
总的来说,FileSaver.js是JavaScript开发中处理文件保存的一个实用工具,特别是在需要用户下载数据或压缩文件的场景下。它与文件压缩库(如JSZip)结合使用,可以提供完整的文件压缩和下载功能。虽然它不直接处理...
在JavaScript的世界里,图片压缩和上传是Web应用中常见的需求,尤其在用户需要上传大量或大尺寸图片时,为了提高加载速度和节省服务器存储空间,压缩图片变得至关重要。本项目提供的"localResizeIMG3-3.0.20"是一个...
3. **JavaScript压缩**:对于JavaScript文件,只需将.css替换为.js即可。例如,`java -jar yuicompressor.jar script.js -o compressed_script.js`。 4. **配置参数**:YUI Compressor提供了一些可选参数,如设置...
`sizeType`属性用于选择图片的原始尺寸或压缩尺寸,其中`original`代表原始尺寸,`compressed`代表压缩过的尺寸。 在图片成功选择后,通过`drawImage`方法将图片绘制到canvas上。`ctx.drawImage`方法的参数定义了...
这个文件可能包含了读取、压缩JS代码并返回给浏览器的逻辑。例如: ```php header('Content-Type: application/javascript'); // 检查客户端是否支持gzip if (isset($_SERVER['HTTP_ACCEPT_ENCODING']) && strpos...
实现Js/Css/Images的压缩,可以使用Node.js的第三方库,例如`uglify-js`用于JavaScript压缩,`clean-css`处理CSS压缩,`imagemin`处理图片压缩。首先,你需要全局安装这些库: ```bash npm install -g uglify-js ...
其中,`Yuicompressor`是一款广泛使用的开源压缩工具,它由雅虎公司开发,能够有效地对JS和CSS进行压缩,降低文件体积,从而提升网页的加载速度。 `Yuicompressor`的优势在于其强大的代码压缩能力,特别是对于JS...
总的来说,pako库为JavaScript开发者提供了一个强大且易用的工具,用于处理gzip压缩和解压缩任务,特别是对于包含非ASCII字符的数据。其对UTF-8编码的支持使得处理中文字符成为可能,大大拓宽了其在Web开发中的应用...
总之,`zlib.js`是微信小程序开发中的一个重要工具,它使得开发者能够在小程序环境中轻松地进行数据压缩和解压缩,从而提高数据处理的效率和节省资源。通过理解和熟练使用`zlib.js`,你可以为微信小程序开发带来更优...