通过 Material Web 组件的基本示例体验 FOUC

问题描述 投票:0回答:1

我目前正在使用 Material Web 组件实现一个超级基本的示例,如 GitHub 上的官方文档中所述,但在页面加载时我遇到了无样式内容 Flash (FOUC) 的问题。在应用正确的样式之前,组件会短暂地显示为无样式。我正在寻找有关为什么会发生这种情况以及如何解决它的见解。 该问题仅在第一次加载时发生(我想这应该是缓存工作),因此为了再次观察它,需要进行干净的刷新 编辑:

与其投反对票,不如添加评论为什么要这样做。在在这里发布之前我进行了很多搜索,我发现的所有解决方案似乎都不干净或不起作用。我正在尝试找到可能的最佳解决方案。此外,让我想到在这里提问的是 Google 网站中的简单示例无法正常工作,恕我直言,这不正常。

javascript html css material-design native-web-component
1个回答
0
投票

那是FOUC

你最大的问题是Material Design;绘制第一页需要多少?

在您开始其他总是会延迟家具交付的解决方案之前,我会先花一个小时看看您可以从 Material Design

copy

到主文档 <style> 中的

<head>
    

© www.soinside.com 2019 - 2024. All rights reserved.