我们刚刚开始在我们的一个项目中使用 Polymer JS 实现 Web 组件。出于性能原因，Polymer 文档建议在组件的样式标记中包含 CSS。
据我所知，在页面加载时需要尽早加载 css 文件。在组件中嵌入 css 如何提高性能？
谢谢， 回复
【问题讨论】：
标签： javascript polymer
Polymer 鼓励将元素的 CSS 包含在元素的 HTML 文件本身中的主要原因是，您的样式和元素的标记在元素初始化时都可用。
这里的性能提升之一是浏览器不必发出额外的 HTTP 请求来获取外部样式表：样式已经可用。
通过将这些资源编译到一个文件中，我们还简化了导入和使用 Polymer 组件的过程：您只需拥有一个 <link rel="import" href="my-element.html"> 就可以开始使用了。如果每个 Polymer 元素都将其 JavaScript 和 CSS 放在单独的外部文件中，那么您的 HTTP 请求往返次数将是 2-3 倍！ （前提是你不是vulcanizing，你应该在生产环境中使用）
另一个好处是用户体验：因为只有在加载 Polymer 之后（而不是在将 HTML 解析为 DOM 时立即升级），您的元素才会就地“升级”，同时具有元素定义及其样式意味着您的用户永远不会看到FOUC。
【讨论】：