使用聚合物组件制作的网站/应用程序在IE11上加载速度极慢

Question

我们正在考虑使用聚合物技术(和飞镖语言)来开发公共/互联网Web应用程序/网站.在测试/验证方法时,我们遇到了潜在的阻塞.(基本)站点在不同的浏览器和平台上表现相当不错,但在Windows 8.1上的Internet Explorer 11上速度极慢.

问题似乎与我们的特定代码无关,因为使用例如聚合物演示(菜单按钮)重现行为似乎很容易:https: //www.polymer-project.org/components/paper-元件/ demo.html#纸菜单按钮

在IE11(11.0.9600.17351)上,加载该页面需要16秒以上.使用IE11的"UI响应"分析器,创建了一个.diagsession文件:http://novonov.be/tmp/polymer-paper-menu-button-demo.diagsession 乍一看,问题似乎没有关联网络流量/要下载的文件数.在"DOM事件(readystatechanged)"中花费了15.73秒.我们没有测试IE的另一个版本 - 只有IE11.

是否有针对此问题的解决方案/解决方法？或者这个问题是否会使用聚合物组件创建的网站/网络应用程序无法在IE(11)中以合理的性能运行？这可能是公共互联网网站/网络应用程序的一个显示器.

Answer 1

该问题的解决方案是由 jakemac53 在https://github.com/Polymer/polymer/issues/891上提出的

啊，所以我花了一点时间才弄清楚，但这是因为在每个元素（特别是引导程序）中包含的大型 css 文件上运行的影子 dom css polyfill。幸运的是，禁用这个polyfill运行非常容易（并且引导程序不需要它）。只需将“no-shim”属性添加到所有链接的样式表中，例如引导程序应该如下所示：

否则，polyfill 必须从文件中复制所有内容并应用其转换，然后将结果标记到内联样式表中。当在像 Bootstrap 这样的大型样式表上多次执行此操作时，它确实会减慢速度。