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

Question

在处理大型和/或许多Javascript和CSS文件时，减小文件大小的最佳方法是什么？

Answer 1

除了使用服务器端压缩外，使用智能编码是保持较低带宽成本的最佳方法。您始终可以使用Dean Edward的Javascript
Packer之类的工具，但是对于CSS，请花一些时间学习CSS
Shorthand。例如使用：

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的级联性质。例如，如果您知道您的站点将使用一个字体家族，则对body标记中的所有元素进行定义，如下所示：

body{font-family:arial;}

可以帮助您解决的另一件事是将CSS和JavaScript作为文件而不是内联或放在每个页面的开头。这样，您的服务器只需将它们提供给浏览器一次，之后浏览器就会从缓存中移出。

包括JavaScript

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

包括CSS

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