站点导航在页面重新加载时处于未设置样式的状态一秒钟

时间:2018-02-16 作者:mbalac

为了澄清一点,我通过选择它的类,并从那里向下划分层次结构,设计了我网站上的主导航样式。在开发过程中的一个随机点上,它开始完全脱离css,成为一个无序的列表,并保持这种状态大约一秒钟,然后在页面其余部分立即加载时进行样式设置。

有没有人有过类似的经历?你是如何解决这个问题的?任何帮助都将不胜感激。

谢谢

1 个回复
SO网友:rudtek

它被称为未样式化内容的flash(FOUC,也称为未样式化文本的flash或FOUT),这是一种在加载外部CSS样式表之前,网页以浏览器的默认样式短暂显示的情况,因为web浏览器引擎在检索所有信息之前呈现页面。

它可能是由许多因素引起的。错误的脚本、服务器延迟、错误的编码等。

你可以查看一个站点速度测试(谷歌“pingdom站点测试”),它可能会给你一个线索。

结束

相关推荐

刷新页面时可以实际看到发生的css更改

我的主题在“自定义”中有一些内置选项,可以更改基本字体大小和字体类型,但对于字体颜色,我在它还提供的主题自定义css选项中添加了一些css。我注意到,无论是通过将css字体更改添加到自定义css还是使用内置主题选项来应用css字体更改,这个问题仍然存在。问题是,当我刷新页面时,我可以实际看到css更改生效。我将看到用于我的内容的字体在字体大小和颜色上快速变化,从主题默认值到我自定义的内容。这将在大约半秒钟内发生。这让网站看起来不够专业。自定义css是否有一种方法可以在刷新时立即应用更改?