我已经开始使用Polymer-2进行更大的项目。 清除浏览器缓存(Chrome)后,我具有以下负载统计信息:

  • 113个要求
  • 传送986 KB
  • 完工:6.43 s
  • DOMContentLoaded:347ms
  • 加载:3.48 s

如Chrome所示。

虽然这对于第一次加载来说并不太长,但是如果有一个简单的(动画)显示正在加载的东西,那就很好了。 作为测试,我仅在主(shell)元素之前添加了<h1>Loading...</h1> 结果是大约3秒钟仍然没有显示任何内容,然后显示了我的正在加载标签,并且1秒钟后显示了整个内容。

我猜这是由于Polymer模板在<body>之前具有<link> shell元素的<link> ,并在呈现body中的任何内容之前加载了所有依赖项。

知道如何立即显示启动画面之类的东西吗? 如有必要,我可以显示我的整个index.html,但它与PSK应用程序模板基本相同。

#1楼 票数:1 已采纳

例如,您可以使用SHOP应用程序 完整的代码可以在这里找到: https : //github.com/Polymer/shop

基本上,在您的外壳程序或主应用程序的<body> ,您可以简单地加载webcomponents js loader并在此之后导入主应用程序,从而可以在后台懒惰地进行导入。

<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...直到所有资源都被完全加载。

  ask by NicolasR translate from so

未解决问题?本站智能推荐:

1回复

Polymer2.0初始画面

在加载应用程序时,如何在聚合物2.0中启动屏幕? 我正在等待4秒钟的首次加载时间。 我不了解何时加载元素。
1回复

如何使用firebase-document在Polymer2.x中的空Firebase节点上初始化“设置”?

我想实现<firebase-document>来获取和应用用户设置。 我正在使用此页面作为指南。 当我在/users/{{userId}}/settings的/users/{{userId}}/settings节点上加载无数据的页面时,我希望看到对象{ new: 'initia
5回复

在没有Roboto的情况下使用Polymer

我有一个 Polymer 2 应用程序,在加载任何组件之前指定了明确的--paper-font-common-base : 然后,在加载 Polymer 组件时的某个时刻,例如paper-dialog ,将导入typography.html 反过来, typography.html 导入 Robot
3回复

Polymer2新页面获得404

我遵循聚合物指南创建了一个新页面: https : //www.polymer-project.org/2.0/start/toolbox/create-a-page 。 但是,当我单击导航菜单项“新视图”时,我会得到“糟糕,您打了404。回到家。” 而不是我的新观点。 我试图编辑现有页面
1回复

Polymer2.0版本问题

我正在尝试制作一个将图像上传到服务器的元素。 我正在使用这个组件 。 问题是,如果我将上述元素与Polymer 1.0一起使用,那么它的工作原理就像是一种魅力,但是如果我将其与Polymer 2.0一起使用,则它的某些功能(例如进度条和删除按钮)将无法使用。 我正在使用Bower安装此
1回复

Polymer2.0-我如何使用iron-ajax?

我试图绑定本地properties.json并尝试创建动态元素,但问题是我没有得到任何控制台错误,也没有在UI中看到JSON。 我没有找到使用<iron-ajax>的Polymer 2.0示例,但我发现仅适用于Polymer 1.0。 这是我尝试过的代码: 聚合物- in
2回复

有何方法在Polymer组件之间共享数据?

目前,我有两个共享大量数据的Polymer组件。 你可以在这里看到: 这个目前工作正常,但是关于共享数据的最佳做法是什么? 有没有办法分享两个组件之间的所有属性?
1回复

Polymer2.0dom-repeat通过参数

对于Polymer来说,这是一个相当新的问题,所以希望这是一个简单的问题,但是为什么我在插槽“ handle”中有一个输出,而对于参数has-arrow没有一个? 当我只输入值时,效果就很好,就像处理位置和展开一样,但我希望它们都可以从Polymer.Element中动态化。 有什么想法吗?