Question

我正在尝试缩小css和javascript代码，我只是想知道符号/ *和* /以及它们中的字符是否按照html，css和javascript filesizes 或者如果计算他们只是被忽略了。

这是否意味着我可以用/ * * /替换所有单个空格以减少总 filesize ？

例如，这三个例子中哪一个最有效，而且在这方面效率最低？

示例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. */

我假设在1行上拥有所有代码将是最有效的，但我只是包含这些示例，因为我想保持某些代码和css的可读性。我知道有很多缩小工具在线，但是现在我不想使用它，因为我每天编辑代码，而且我仍处于学习过程中。

示例2-3帐户会对 filesize 产生相同的影响吗？或者实际上单个空白空间会更有效率吗？

Answer 1

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

原因是优先考虑的是开发运行良好的代码。适应高性能的良好代码是次要问题。一个好的缩小工具可以减少变量名称的长度，删除注释和空格。

另一种方法是在将这些文件传送到客户端时对其进行gzip。压缩的好处远远超过从文件中删除内容的任何尝试。

Answer 2

你应该删除尽可能多的空格，注释等，以减少文件的大小，因为它会使加载更快。你不应该在开发过程中考虑这个问题，因为在那个阶段，事情都是关于可读性，维护性等等。

管理代码也可以对文件大小做很多事情。这意味着变量名称被截断为名称，例如a，b，c。

在脚本和css中，使用符号/ * * /增加文件大小如空白空间吗？

2 个答案: