Barebones（无CSS样式）页面显示在加载期间

Question

不使用CSS加载

我们的网站似乎最初在没有适当的CSS样式的情况下加载。完全风格化的网站出现之前需要几秒钟。是否有任何共同的原因发生？我们重新安装了phpBB的主要主题包，并且我们已多次清除网站缓存。我不确定是否有人会发表意见，但是网站最初只是加载了“准系统”这些内容。这似乎不专业。

感谢您的帮助！

Answer 1

可能无法使用phpBB，但“flash of unstyled content”的最佳解决方案是将critical path CSS内联包含在<style>块中你的网页的负责人。这些样式将在加载页面后立即生效。这样，您的页面在等待其他外部CSS或Javascript文件时看起来很不错。有一个Critical Path CSS Generator tool在线，告诉你什么样的风格是至关重要的。

此外，你的CSS应该在Javascript之前。脚本阻止页面的其余部分加载，包括样式。

Web Page Test等工具可以向您显示减慢页面加载的速度。

如上所述，一种解决方案是在所有样式加载之前使页面不可见，但这似乎也不专业。