Polymer 文学与艺术；谷歌PageSpeed洞察

这里的LitElement用户相对较新。我读到的所有东西都说它是“闪电般的快”和网络的未来，对吗

作为一个试图用它建立公司网站的用户，我们在仍然使用我们的自定义网络组件的同时，在获得高速浏览的见解，以及消除FOUC方面遇到了一些实际的困难

我能找到的每个使用LitElement的网站都有一个糟糕的PageSpeed分数。在某些情况下，我说的是个位数。谷歌作为Pagespeed/Search和LitElement的所有者，其技术以这种方式相互冲突，这在我看来似乎很疯狂

---

我想知道是否有人可以分享自己的成功经验，或者在网上阅读过任何分享最佳实践的材料，比如a）处理网络组件/FOUC，而b）在PageSpeed上获得高分？

愿意分享一些示例网站吗？如果看不到PSI在抱怨什么，很难说它为什么慢。考虑到web组件是一种“新”技术，其中一个例子就是我发现加载了27个脚本来呈现3个链接，所以我猜问题是从构建组件开始的。除此之外，标准实践，如内联关键CSS、最小化文件、图像格式选择等，都有助于并通常独立于技术（尽管通过JS呈现所有内容时是否可以内联CSS是另一个问题），添加实质性信息，包括指向项目和其他项目的链接，在这些项目中，您会体验到您所说的“糟糕”的表现。我们很高兴看看这意味着什么。当然，谢谢jimmont和Graham。所以我的项目还没有发布，因为我们试图解决其中的一些细节。。。但让我试着提供更多细节。所以现在最大的事情是处理FOUC，特别是PSI的布局变化。如果我将webcomponent js移动到head标签，它会减少FOUC，但PSI会抱怨渲染阻塞js。举个例子，我知道每个网站都会有所不同，但ea.com似乎在使用litelement，他们的PSI分数很低。这个问题太模糊了，无法回答，这就像在问为什么我们不知道你在地球上的什么地方，更不用说它有多亮了——可能是在中午某个地方的冰川或海洋上，或者是在新月之夜，当手电筒从岩石裂缝中射入时，它会在洞穴中；可能是导入顺序问题和页面构建策略不佳，请尝试Lighthouse chrome devtools功能，以获得实际的见解