如何实现"页面特定的js"和#34;较少的http请求"两者都在同一个网页上

时间:2018-05-14 07:19:55

标签: javascript php jquery css

我在我的项目中添加了很多js文件,这有助于使页面具体,但我也想减少http请求(现在为每个js文件调用这么多的http请求会导致网站性能)。

1 个答案:

答案 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,...)的构建步骤来将代码组合并缩小为一个或两个文件以供生产使用。