如何正确压缩Jquery和许多插件？

Question

我正在尝试清理网站的javascript.我发现我的网站的标题看起来像这样并且在增长:

<script type="text/javascript" src="jquery.base.js"></script>
<script type="text/javascript" src="jquery.plugin1.js"></script>
<script type="text/javascript" src="jquery.plugin2.js"></script>
<script type="text/javascript" src="jquery.plugin3.js"></script>
<script type="text/javascript" src="jquery.plugin4.js"></script>

我很清楚许多http请求的负面影响.该网站还有许多嵌入式js,需要将其拉入外部文件.我想知道我是否能够将所有这些粘贴在一起并通过一些压缩运行它会导致问题吗？我希望有人有一些比喻经验.

Answer 1

将它们全部复制并粘贴到一个脚本中,通过minifier运行它们,保存生成的文件并从页面底部链接到它(这样DOM加载时无需等待加载该文件),并确保服务器gzips它.

Gzipping将为您节省更多,而不是缩小.除了减少的HTTP请求之外,这两者一起可以轻松地将文件大小减少80%.