jquery - CSS/JS/Jquery 中的空格是否占用空间？

Question

我在一些网站上读到 here jquery.js 和 jquery.min.js 在功能上都是相同的，但是 .min 一个删除了所有不必要的字符，以便使文件大小更小。我还在某处读到，无论是在缩小的 CSS 还是在缩小的 JS 中，所有的空格都被删除，以使其更小。

所以我的问题来了

“CSS/JS/Jquery 或任何其他编程语言或标记语言中的空格是否占用空间？”

如果我正在编写自定义 CSS 或 JS，那么我怎样才能将其缩小？有什么工具吗？

Answer 1

是的，空格确实占用空间。删除或压缩代码有时可以产生高达 95% 的压缩率，这意味着它将加载得更快。

那里有很多工具。如果您正在寻找非常简单的东西来测试它，我建议您尝试在线资源，例如:

http://refresh-sf.com/

这是一个用于压缩 JavaScript 或 CSS 的网络界面。该工具使用 UglifyJS 2、Clean-CSS 和 HTML Minifier。

理想情况下，如果您正在使用某种现代工具过程，例如 Grunt 或 Gulp，您可以将压缩自动化作为构建过程的一部分。

Google 最近发布了他们的版本:

https://developers.google.com/speed/docs/insights/MinifyResources

You should minify your HTML, CSS, and JavaScript resources. For minifying HTML, you can use PageSpeed Insights Chrome Extension to generate an optimized version of your HTML code. Run the analysis against your HTML page and browse to the 'Minify HTML' rule. Click on 'See optimized content' to get the optimized HTML code. For minifying CSS, you can try YUI Compressor and cssmin.js. For minifying JavaScript, try the Closure Compiler, JSMin or the YUI Compressor. You can create a build process that uses these tools to minify and rename the development files and save them to a production directory.

这是 Google 的“Closure 编译器应用程序入门”的链接，其中介绍了如何压缩您的文件:

https://developers.google.com/closure/compiler/docs/gettingstarted_app