小编典典

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

css

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


阅读 267

收藏
2020-05-16

共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" />
2020-05-16