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

Question

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

Answer 1

除了使用服务器端压缩之外，使用智能编码是保持低带宽成本的最佳方式。您始终可以使用 Dean Edward's 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" />