javascript - Handlebars 布局包括 js 和 css

Question

在 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})
  });

Answer 1

视情况而定。

在每页的基础上加载最小的 CSS 和 JS 集合可能使特定页面的页面加载速度更快(只要节省的总数据不超过开销额外的 HTTP 请求)。

另一方面，预先加载所有内容允许它被缓存。

哪个最好取决于您是否重视初始页面的加载速度而不是平均加载速度，以及平均访问者访问您网站上的不同页面的数量。

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