网页加载完成后加载 CDN 上的 CSS

标签 css asynchronous synchronization html cdn

我有一个使用 CDN 流式传输 CSS 文件的网页。我遇到的情况是:我的网页加载速度太快,加载完成后,CSS 文件(在 CDN 上)仍在加载。这样你就可以看到一个没有任何样式的网页闪屏(因为 cdn 上的 css 还没有加载)。那么我怎样才能让它们同步加载,以防止出现“闪屏”。谢谢:)

最佳答案

如果缓存配置正确,这将不是问题 - 最终用户只会在初始加载时看到一次。

如果您的网站有专门的“首次访问”登陆页面(欢迎/登录/免责声明等),您可以内嵌基本样式(即仅页面立即依赖的规则子集)并延迟加载后台来自您的 CDN 的 CSS。

话虽这么说,@Musa 是绝对正确的:如果这是一个问题,获得更好的 CDN

关于网页加载完成后加载 CDN 上的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11947991/

相关文章:

javascript - 在 Node 中正确批处理嵌套的 Promise

amazon - 同步 S3 存储桶

java - 在修改java中的条目集值时同步对静态 HashMap 的访问

html - 如何让 css 动画在关键帧中更快地过渡

javascript - 为什么我的 promise 哈希在传递的 promise 解决之前解决?

jquery - 如何异步加载jquery及其依赖脚本

networking - 无需 NTP 的小尺寸时钟同步

css - "Short"xaringan/remark 列之间的垂直边框

php - 将数据从一种形式自动填充到另一种形式,托管在另一个站点上

jquerymobile 的类选择器上的 css 奇数/偶数对