把手布局包括js和css

时间:2017-09-25 16:58:15

标签: javascript css node.js

在layout.hbs文件(主布局)中包含css和js文件的性能方面的最佳方法是什么。最好包括你的应用程序的所有css文件或发送一个对象作为参数,以便像这样加载哪些文件?

  router.get('/',function(req,res){
    let css = [{css:'/css/style.css'}]
    let scripts = [{script:'/javascript/javascript.js'}];
    res.render('index',{scripts:scripts,style:css})
  });

1 个答案:

答案 0 :(得分:0)

取决于。

基于每页加载最少的CSS和JS集合可以更快地为特定页面加载页面(只要总开销数据的节省不会超过开销的总和)其他HTTP请求)。

另一方面,预先加载所有内容可以缓存它。

哪个最佳取决于您是否重视初始页面的加载速度超过平均加载速度以及您网站上访问者的平均访问次数。

这忽略了开发人员性能,以及为每个页面过滤CSS和JS所需工作的相对影响,以及在页面之间共享代码导致(例如)HTML类冲突所导致的问题名。