模板和templateUrl Angularjs之间有多少性能差异

Question

模板和templateUrl之间有多少性能差异？

目前我在我的所有指令中使用模板,但因为我对性能很着迷,我现在想,这更快.

如果我使用templateUrl + $ templateCache,那么这只是在指令中使用模板更快吗？

Answer 1

有一天我问自己你帖子中的第一个问题。由于之前没有人回答过这个问题，而且我没有足够的代表来发表评论，所以这是我经过几次测试后的发现。

第一个问题的最佳答案是，使用templateURL，当您调用指令时，您将面临部分延迟请求的开销（并且它仅在第一次发生；一旦加载，它的行为实际上与使用相同）模板）。开销是由于浏览器对额外请求和标头的额外数据进行了额外处理。

仅当您一次加载大量不同的指令时， templateURL可能会导致较差的用户体验，并且所有指令都有小文件作为部分（因此标头的少量数据将产生很大的差异）。

由于通常差异非常小，我个人更喜欢templateURL方法，因为它使代码更干净、更有组织。