【发布时间】：2015-02-07 09:03:32
【问题描述】：
我目前正在使用Polymer、Jekyll 和Github pages 在网站上工作。但我面临一个大问题。在页面之间切换时，每次都会显示白屏，这是不正确的行为。即使在页面之间切换时，我也希望始终看到标题部分和左侧菜单（不带闪光灯）。
该网站还不是vulcanized（还有另一个问题），所以它不是很快，但这不应该是一个原因。我正在使用 <head> 部分和脚本中的导入，但没有任何帮助。似乎页面实际上仅在 DomContentLoaded 事件之后才呈现。
有什么建议吗？
【问题讨论】：
-
一开始我很困惑，因为在 Chrome 41 (OS X) 上，我没有发现任何问题。不过，FF 34 和 35 以及 Safari 7 确实显示了简短的 FOUC。您是否尝试过在
<head>中加载 Web 组件？ -
奇怪。我在 Ubuntu 14.04 和 Windows 8 上的 Chrome 40 和 Firefox 35 上遇到了这个问题。是的，我尝试将它们全部加载到
<head>中，但它并没有真正帮助。我刚刚提交了所有组件导入都在<head>中的更改。所以你现在可以检查一下。 -
将其移至
<head>在 FF 和 Safari 中为我工作 - 加载时不再有无样式的文章文本。屏幕短暂地变白，但这是不可避免的。如果看不到差异，请尝试清空缓存。 -
说实话，我觉得速度完全可以接受，很短的白屏也是正常的。你甚至可以在Google Pagespeed 上获得很高的分数。如果这真的困扰你，我会从硫化开始，因为现在，Polymer 引起了大约 35 个单独的模板请求等。但最终还是有一个性能上限，因为您选择的技术依赖于 Javascript 来转换您的标记，然后才能显示。没办法。
-
@DavidJacquel 在这种情况下并不重要，我会忽略它。 Yuriy——Polymer 网站感觉更快，因为当你在页面之间导航时它们不会加载整页——他们使用 AJAX 加载新页面并在 History API 的帮助下修改你的 URL 栏，让它看起来像你去了从A页到B页。这种东西的术语是Single-page application。
标签： javascript polymer jekyll web-component github-pages