在脚本和css中，符号/* */会像空格一样增加文件大小吗？

Question

我试图缩小css和javascript代码，我只是想知道符号/*和*/以及它们中的字符是按html、css和javascript 文件大小计算的，还是只是被忽略了。

这是否意味着我可以用/* */替换所有单一空白空间，以减少文件大小的总

例如，在这方面，这三个例子中哪一个最有效，哪些最无效率？

示例1：(函数之间的单个空白)

$("#div1").click(function(){$("#div2").slideToggle();return false;});

$("#button1").click(function() {$('html, body').animate({scrollTop:$("#destination").offset().top}, 1000);});

示例2：

$("#div1").click(function(){$("#div2").slideToggle();return false;});
/* */
$("#button1").click(function() {$('html, body').animate({scrollTop:$("#destination").offset().top}, 1000);});

例3：

$("#div1").click(function(){$("#div2").slideToggle();return false;});/* Clicking on div2 slidetoggles div2. */
/* */
$("#button1").click(function() {$('html, body').animate({scrollTop:$("#destination").offset().top}, 1000);});/* Clicking on button1 scrolls you to destination. */

我假设将所有代码都放在一行上将是最有效的，但我只是包含了这些示例，因为我希望对某些代码和css保持一定的可读性。我知道网上有很多小型化工具，但是现在我宁愿不使用它，因为我每天都在编辑代码，而且仍然在学习过程中。

示例2-3帐户会对文件大小产生相同的影响吗？还是一个空白空间会更有效率呢？

Answer 1

在处理文件方面，解析器正确地忽略了所有注释和不重要的空格。

但就文件大小而言，当我们谈论通过互联网传输的文件时(这是html、css和js文件的例子)，这才是最重要的，每个字符都计算。

这就是为什么你的网站更快，如果你缩小所有的资产，因为他们是较小的传输，而不是处理。

但是，一定要记住，在开发过程中，为了理解代码，您可以放置所有的注释、空格和您认为必要的内容，并且在它即将投入生产时，您应该减少资源。不要试图自己缩小代码，一定要使用在工作中有一定经验的工具，比如这个用于JavaScript的小型机。

我假设将所有代码都放在一行上将是最有效的，但我只是包含了这些示例，因为我希望对某些代码和css保持一定的可读性。我知道网上有很多小型工具，但现在我宁愿不使用它，因为我每天都在编辑代码，而且仍然在学习过程中。

不要使用，而不是，这样可以减少代码的可读性，从而减少文件大小。写清楚你的代码，并使用市场建立的缩小工具。

如果您经常更改代码，那么使用CSS预处理器之类的工具(例如，较少预处理器和清洁-css插件 )实现小型化的过程自动化。我将我的NetBeans和VisualStudio配置为在保存它们时使用更少+清洁- CSS编译和缩小所有css。它很容易配置，而且非常有用。

有些框架甚至提供功能或插件来帮助您处理此类问题。例如，可以引用资产管道插件 for PHP 拉勒维尔框架。

Answer 2

我建议您编写易于阅读的代码，然后使用专用工具将其最小化。

原因是优先开发运行良好的代码。为高性能采用良好的代码是次要问题。一个好的缩小工具可以减少变量名的长度，去掉注释和空格。

另一种选择是，当这些文件交付给客户端时，只需gzip即可。压缩的收益将远远超过从文件中删除内容的任何尝试。

Answer 3

您应该删除尽可能多的空白、注释等，以减少文件的大小，因为它将使加载速度更快。在开发过程中，您不需要考虑这个问题，因为在开发过程中，所有的事情都是关于可读性、可维护性等的。

损坏代码也会对您的文件大小产生很大影响。这意味着变量名被截断为例如a，b，c这样的名称。