转自岁月如歌的http://lifesinger.org/blog/?p=464
有朋友问到淘宝是怎么压缩js和css的,这里分享下。
我们使用的是YUI Compressor:
The YUI Compressor is a JavaScript compressor which, in addition to removing comments and white-spaces, obfuscates local variables using the smallest possible variable name. This obfuscation is safe, even when using constructs such as ‘eval’ or ‘with’ (although the compression is not optimal is those cases) Compared to jsmin, the average savings is around 20%.
The YUI Compressor is also able to safely compress CSS files. The decision on which compressor is being used is made on the file extension (js or css)
淘宝前端的开发环境以Windows居多。为了方便使用,对YUICompressor做了层简单的封装,称之为TBCompressor. 安装和使用方法如下:
安装说明
- 安装请点击install.cmd
- 卸载请点击uninstall.cmd
- 如果以前安装过2.3.5之前的版本, 请点击update.cmd升级
测试使用
- 在test.source.js上右键,执行菜单“压缩JavaScript”,会生成test.js文件。如果再对test.js文件执行一次压缩,会生成test-min.js文件
- CSS同1
分享到:
相关推荐
总结来说,JS和CSS压缩工具,如TBCompressor,是提高网站性能的关键工具,它通过智能压缩和优化技术,帮助开发者实现更快速、更高效的网页加载。对于任何从事Web开发的人来说,掌握这类工具的使用都是提升工作效率和...
总的来说,TBCompressor_v2.4作为一款由淘宝工程师开发的js和css压缩工具,凭借其高效、易用和智能化的特点,成为了开发者优化网页性能的得力助手。通过合理使用此工具,开发者可以有效地减小文件大小,提升网页加载...
本文将深入探讨JS和CSS压缩的原理、方法以及TBCompressor这款工具的应用。 JS和CSS压缩的主要目标是删除不必要的字符,例如空格、换行和注释,以及通过变量和函数简写来缩短代码。这一过程称为源代码最小化,它显著...
压缩css和js是我们工作中经常要处理的一件事,这里介绍的是一款基于YUICompressor,淘宝封装的css和js压缩工具TBCompressor. TBCompressor的安装很简单,点击install.cmd就可以了,安装后会在里的右键菜单里出现...
总结,TBCompressor作为一款高效的JS和CSS压缩工具,为开发者提供了便捷的代码优化手段,有效提升了网页加载速度,优化了用户体验。正确地使用和集成TBCompressor,是现代Web开发不可或缺的一部分,对于提升项目性能...
今天发现了淘宝人开发的一个软件——TBCompressor,这个软件是在YUI compressor的基础上改进的,使用十分简单,详情请看lifesinger的《TBCompressor – JS和CSS压缩工具》一文。下面是TBCompressor的使用方法,下载请...
在标签中,“CSS压缩”和“JS压缩”是关键点,这两个标签明确了工具的主要功能。它适用于前端开发者,尤其是那些关注网站性能和加载速度的团队。同时,“淘宝”这个标签意味着该工具来源于知名的电商巨头,通常这样...
本文将详细介绍一款基于YUICompressor、由淘宝封装的CSS和JS压缩工具——TBCompressor。该工具能够有效地帮助开发者减少网页加载时间,提高用户体验。 #### 二、TBCompressor的特点与优势 1. **易用性**:安装过程...
首先,让我们深入了解一下JS和CSS压缩的重要性。JavaScript是一种强大的编程语言,用于实现网页的动态功能和交互性。CSS则是用来定义网页样式和布局的语言,使得网页设计更具吸引力。然而,未经压缩的JS和CSS文件...
User Interface)库提供的一个JavaScript和CSS压缩工具。它利用了YUI JavaScript压缩器和CSS压缩器,能够去除代码中不必要的空格、换行和注释,压缩变量名、函数名等,从而减少文件体积。淘宝技术团队在此基础上进行...
TBCompressor是一款由Yahoo开发的高效JavaScript压缩工具,其版本2.4.2在压缩和优化JS代码方面表现出色,旨在帮助开发者减小网页加载时间,提高网站性能。在网页开发中,JavaScript文件的大小直接影响了页面的加载...
除了上述解决方案,还提到了一个优化建议:在上传JS文件之前,使用工具如TBCompressor对其进行预压缩。这样的预处理可以确保JS代码符合标准,使得压缩工具能更有效地进行压缩,从而减少最终用户加载页面时的数据量。...