【问题标题】:Angular templates optimizations: inlining templates in index.html vs templateCache as jsAngular 模板优化:将 index.html 与 templateCache 中的内联模板作为 js
【发布时间】:2014-01-27 09:20:19
【问题描述】:

目前我们的模板在 html 文件中,而构建确实会缩小它们(使用 htmlmin) 似乎有两种方法可以优化模板加载角度。

  1. 使用$templateCache 解释here。这意味着将缩小的模板放入一个 js 文件中,可能是 this grunt plugin

  2. 内联模板,这意味着将它们与角度script指令一起使用,可能使用this grunt plugin

从 npm 使用情况统计中,我可以判断第一个选项更受欢迎,但我不确定为什么,这两个选项之间的权衡是什么,哪个提供了更好的性能。

谢谢!

【问题讨论】:

    标签: angularjs gruntjs


    【解决方案1】:

    要说更多关于性能的内容,就必须对其进行衡量。但从 理论上 的角度来看,(1) 应该更高效,因为使用 (2) 模板无论如何都以 $templateCache 结尾,并且使用 <script> 指令还意味着: * 在 DOM 树中有那些 <scripts> * 在 DOM 编译期间使用此指令处理 <scripts> 标签: https://github.com/angular/angular.js/blob/master/src/ng/directive/script.js

    简而言之:看起来使用<scripts> 指令意味着在浏览器中进行更多的运行时处理。应该通过一些性能测试来确认,但我认为不会看到显着的性能差异。

    【讨论】:

    • 我会检查的!并且还尊重 angular-ui 主要贡献者之一的回答!喜欢你的工作!
    猜你喜欢
    • 1970-01-01
    • 2013-03-10
    • 1970-01-01
    • 2015-10-06
    • 1970-01-01
    • 1970-01-01
    • 2019-01-29
    • 1970-01-01
    • 2021-10-29
    相关资源
    最近更新 更多