我已经开始使用Polymer-2进行更大的项目。清除浏览器缓存（Chrome）后，我有以下加载统计信息：
如Chrome所示。
虽然对于第一次加载来说这不是很长，但如果有一个简单的（动画的）显示器正在加载某些东西，那将会很好。作为测试，我只在我的main（shell）元素之前添加了<h1>Loading...</h1>。结果是大约3秒仍未显示任何内容，然后显示我的加载标签，1秒后显示整个内容。
我想这是因为Polymer模板在<link>之前对shell元素有一个<body>，并且在渲染正文中的任何内容之前加载所有依赖项。
知道我能做些什么才能立即显示闪屏？ 如有必要，我可以显示我的整个index.html，但它与PSK应用程序模板基本相同。
答案 0 :(得分：1)
例如，您可以使用SHOP app。 完整代码可在此处找到：https://github.com/Polymer/shop。
基本上，在你的shell或主应用程序的<body>中，你可以简单地加载webcomponents js loader并在之后导入main-app，这样就可以懒惰地在后台进行导入。
<body>
<main-app>Loading...</main-app>
<script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="src/main-app.html">
</body>
这将显示Loading...，直到所有资源都已完全加载。