【问题标题】:There is delay in loading CSS when site first loads网站首次加载时加载 CSS 有延迟
【发布时间】:2020-07-23 14:26:59
【问题描述】:

所以,我正在开发一个网站。它已完全开发,但问题是网站加载时 CSS 存在延迟。我可以看到无样式的组件和凌乱的 HTML。谁能指出问题?

网站:https://www.ltlsurfcharters.com/

谢谢

【问题讨论】:

  • 我经常看到 CSS-in-JS 会发生这种情况。来自Enhancing Styles with CSS-in-JS 上的 Gatsby 文档:Keep in mind that styles aren’t applied until the JavaScript loads hence a plugin to extract the styles is necessary to prevent flash of unstyled content (FOUC). 您如何设计您的 Gatsby 网站?如果是 CSS-in-JS,你是否使用了相关的 SSR 插件?

标签: gatsby


【解决方案1】:

所以,这基本上是由于 react 头盔中包含 css 文件。我从那里删除了所有文件,并使用普通的 js 导入在我的 App 组件中导入了所有 css 文件。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-16
    • 1970-01-01
    • 2015-09-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多