减少Javascript和CSS文件大小的最佳方法是什么？

Question

使用大型和/或多个Javascript和CSS文件时,减少文件大小的最佳方法是什么？

Answer 1

除了使用服务器端压缩之外,使用智能编码是保持低带宽成本的最佳方法.您可以随时使用Dean Edward的Javascript Packer等工具,但对于CSS,请花点时间学习CSS速记.例如使用:

background: #fff url(image.gif) no-repeat top left;

...代替:

background-color: #fff;
background-image: url(image.gif);
background-repeat: no-repeat;
background-position: top left;

此外,使用CSS的级联性质.例如,如果您知道您的站点将使用一个font-family,请为body标签中的所有元素定义,如下所示:

body{font-family:arial;}

另一件可以帮助的事情是将CSS和JavaScript作为文件而不是内联或每页的头部.这样,在浏览器从缓存中转出后,您的服务器只需向浏览器提供一次.

<script type="text/javascript" src="/scripts/loginChecker.js"></script>

<link rel="stylesheet" href="/css/myStyle.css" type="text/css" media="All" />

Answer 2

Minify似乎是缩小Javascript的最简单方法之一.

在Web服务器级别打开zip也可以提供帮助.

Answer 3

我建议不要压缩文件,而不是直接调整文件.大多数客户支持它.

我想你会发现这更容易,同样有效.