如何跟踪 RactiveJS 解析我的模板所花费的时间？

Question

我想要一个预解析的 ractiveJS 模板系统，我想知道它是否值得。

据我所知，模板在实际呈现之前不会被解析，这很聪明，但我想如果它是一个大模板，我会得到更长的解析时间，那么，我如何跟踪那？或者如果它不是工作跟踪，发送已经解析的它们是否会提高性能？

询问是因为我现在在使用 NodeJS，使用起来非常容易 gulp 并在服务器启动时解析它们。

Answer 1

您可以使用 Ractive.parse(template):

手动解析模板

var start = window.performance.now();
var parsed = Ractive.parse( `
  <h1>Hello {{name}}!</h1>
  <p>We're using Ractive.js version {{version}}. This template was parsed in {{time.toFixed(2)}}ms</p>
` );
var time = window.performance.now() - start;

var ractive = new Ractive({
  el: 'main',
  template: parsed,
  data: {
    name: 'world',
    version: Ractive.VERSION,
    time: time
  }
});

<script src='http://cdn.ractivejs.org/edge/ractive.js'></script>
<main></main>

已解析的模板比未解析的模板稍大（通常大约大 30-40%），因此它是 trade-off – 更少的工作，更多的字节。 FWIW 我总是 pre-parse 我的模板。

如何跟踪 RactiveJS 解析我的模板所花费的时间？

How to track the time RactiveJS took to parse my templates?

ractivejs