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的Web界面。此工具使用UglifyJS 2，Clean-CSS和HTML Minifier。

理想情况下，如果您使用某种现代工具流程（如Grunt或Gulp），则可以在构建过程中自动执行压缩。

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

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

  

您应该缩小HTML，CSS和JavaScript资源。要缩小HTML，您可以使用PageSpeed Insights Chrome扩展程序生成HTML代码的优化版本。针对您的HTML页面运行分析，然后浏览到“缩小HTML”页面。规则。点击＆＃39;查看优化内容＆＃39;获得优化的HTML代码。对于缩小CSS，您可以尝试YUI Compressor和cssmin.js。要缩小JavaScript，请尝试Closure Compiler，JSMin或YUI Compressor。您可以创建一个使用这些工具来缩小和重命名开发文件并将它们保存到生产目录的构建过程。

以下链接指向Google＆＃34; Closure Compiler Application＆＃34;这将讨论如何压缩文件：

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

Answer 2

是的！

1. 函数中的变量切断了一个字符。
2. 替换\ n - ＆gt; “_”（空格）
3. 替换“__”（2space） - ＆gt; “_”（空格）

此外，你甚至可以写一行=）

Answer 3

缩小是删除代码运行所需的所有空格，注释，换行符和任何其他非必要字符的过程。

与文件串联一起使用时，Minifying可以为您提供更高的性能奖励（将多个源代码文件合并为一个，限制HTTP请求）。

如果您通过Google运行查询，例如javascript minify或css minify，您会发现大量工具可自动执行这些流程。

Answer 4

这有点取决于“消耗空间”的含义。是的，空格作为一系列字符存储在文件中，因此它会稍微增加文件大小。删除该空格可以减少必须传输给用户的数据量。未破解的JQuery为242kb，而缩小版为82（这还包括用一个或两个字符替换人性化的变量名，而不仅仅是减少空格）。

然而，绝大多数情况下，您的网络服务器会gzip它发送的数据，以便由浏览器静默解压缩。 Gzipped，Jquery只有72kb; gzipped和minified，它是29kb。通过gzipping响应显着减少缩小的好处。