使用大型和/或多个Javascript和CSS文件时,减少文件大小的最佳方法是什么?
除了使用服务器端压缩之外,使用智能编码是保持低带宽成本的最佳方法.您可以随时使用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作为文件而不是内联或每页的头部.这样,在浏览器从缓存中转出后,您的服务器只需向浏览器提供一次.
Minify似乎是缩小Javascript的最简单方法之一.
在Web服务器级别打开zip也可以提供帮助.
我建议不要压缩文件,而不是直接调整文件.大多数客户支持它.
我想你会发现这更容易,同样有效.
来自杰夫的冒险经历的更多细节.