在处理大型和/或许多Javascript和CSS文件时,减小文件大小的最佳方法是什么?
除了使用服务器端压缩外,使用智能编码是保持较低带宽成本的最佳方法。您始终可以使用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作为文件而不是内联或放在每个页面的开头。这样,您的服务器只需将它们提供给浏览器一次,之后浏览器就会从缓存中移出。
<script type="text/javascript" src="/scripts/loginChecker.js"></script>
<link rel="stylesheet" href="/css/myStyle.css" type="text/css" media="All" />