我在我的项目中添加了很多js文件,这有助于使页面具体,但我也想减少http请求(现在为每个js文件调用这么多的http请求会导致网站性能)。
答案 0 :(得分:1)
有几种方法可以解决这个问题。立即想到的三个是:
将代码放在一个缩小的文件中,并在调用该特定页面的相应初始化函数后使用内联脚本。例如,在page1.js
上:
<script src="allthecode.js"></script>
<script>MyApp.page1Init();</script>
将您的代码放在一个缩小的文件中,让代码通过location
对象嗅探页面URL,然后发送到相应的初始化函数。
将所有常用代码放在一个缩小文件中,每页只有一个缩小文件,只包含特定于页面的代码。例如:
<script src="allthecode.js"></script>
<script src="page1.js"></script>
请注意,将代码保存在单独的文件中以进行开发通常是件好事;但是你可以使用许多构建工具/任务运行程序(Gulp,Grunt,Webpack,...)的构建步骤来将代码组合并缩小为一个或两个文件以供生产使用。