polymer - 按需加载 polymer 元素

Question

我正在尝试减少需要加载大量元素的 Polymer 页面的加载时间。

因此，考虑使元素按需加载，这意味着一旦我在 HTML 代码中使用某个元素，如果未加载，它就会立即加载。

有人知道如何做到这一点吗？也许当使用未知的 HTML 元素时会触发某些事件？那么一旦发生这种情况，我可以使用 importHref() 来处理加载吗？

Answer 1

这取决于您的需求，没有标准的优化方法，但您可以使用 Vulcanize 工具并测试性能。

如果您不想在一个请求中加载所有 Web 组件，您可以在初始页面/ View 中硫化您需要的所有元素。因此，您将在一个请求中加载一组元素并在第一页中使用它们。

然后，您可以实现延迟加载，包括将链接标签添加到每个 Web 组件的头部。这样，在浏览器的解析任务期间不会进行加载过程，因此不会阻塞。