DOM 操作与模板化

Question

因此，我正在对我正在开发的一个小型 HTML5 phonegap 应用程序进行性能检修，并试图找出处理半频繁更新的<ul> 元素的最佳方法。

我目前使用DocumentFragments 进行数据库数据的初始大规模注入，然后使用jQuery 的prepend() 和remove() 函数进行管理。

我一直在研究模板，尤其是EJS，我想知道如果我实施它是否会提高性能。

如果是，为什么？如果不是，为什么？

也欢迎任何其他有关高性能 DOM 操作的技巧。谢谢。

Answer 1

我认为模板不会给您带来性能提升（如果您不缓存模板）。

无论如何，您必须处理数据以生成 html。

模板只是让 html 的生成更容易、可读和可重用。

我可以再补充一点-

1. 缓存您的模板将提高性能JSPerf
2. 减少回流（最小化渲染树的再生）
3. 不要直接使用css类添加样式
4. 无尽的所谓最佳实践

Answer 2

我是 js 模板引擎的粉丝。

但是，您需要非常小心地通过 javascript 代码渲染 html。

主要问题是搜索引擎看不到它们。

第二个问题是性能，渲染html的最佳方式是在服务器端as twitter does，因为您需要考虑您的网站速度取决于客户端环境，并且您的所有用户都没有最好的机来看看。

那么，我认为最好的网站架构是 twitter.com。他们实现了服务器端渲染和客户端渲染的混合。第一个请求由服务器端呈现，接下来的请求由 javascript 通过 ajax 请求重新呈现。