聚合物混合渲染
聚合物混合渲染
提问于 2016-01-18 04:30:06
我对改善当前完全呈现客户端的应用程序的初始页面加载很感兴趣。现在，应用程序加载一个初始应用程序框架，然后，一旦加载了初始页面，就会向服务器发出一个请求来获取数据。当请求正在处理时，用户实际上看到的是一个部分呈现的页面。一旦数据从服务器返回，页面就会在客户端完成渲染。
要消除分开获取初始页面和数据所导致的延迟，最佳方法是什么？我应该只将数据引导到初始页面加载中，还是应该利用某种服务器端模板引擎(Jade、Handlebar等)？看起来后一种方式意味着不能很容易地利用dom-repeat这样的特性，因此失去了让Polymer处理一些更复杂的重新渲染场景的能力。
回答 1
Stack Overflow用户
发布于 2016-01-18 21:26:20
我也有同样的问题，页面加载花费了4.5秒，因为它必须从客户端接收数据，我在寻找让聚合更快的方法，我想我发现了，现在我在1.2秒内加载页面(没有缓存)，而对服务器的请求花费了0.4秒。
使聚合物更快的步骤
- 不显示您不需要的内容。使用dom-如果不渲染，就像你有只在用户点击按钮时显示的页面，不要渲染它们。
- 你可以在主体之前向服务器发出请求。因此，您将更快地收到响应。
- 如果您希望用户更快地填充站点加载，您可以从正文中删除未解析属性，这样用户将在加载过程中看到组件(但用户将看到一些内容，而不是空白屏幕)。
- 使用此脚本(在导入聚合物之前)
阴影||{dom：‘window.Polymer=window.Polymer’}；
这使得浏览器使用阴影dom (如果支持)而不是阴影dom。
使用卷影dom更快，但并不是所有的浏览器都支持它。
- 使用vulcanize https://github.com/polymer/vulcanize合并所有导入文件并最小化文件。
- 对于长列表，可以使用铁列表，它只渲染屏幕上的内容。
- 如果使用脚本导入，则可以使用async参数，并且不会阻止渲染过程。
编辑
如果您不想使用-
- ，请重复dom-repeat中的新选项
这不会阻塞线程很长时间，但会分部分呈现列表。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34843291
复制相关文章
相似问题
腾讯云开发者
