html页面加载css延迟1秒？

【问题标题】：1 second of delay of css on html page load?html页面加载css延迟1秒？
【发布时间】：2022-01-20 22:27:11
【问题描述】：

我一直在尝试制作一些 html 和 css 页面。每次我加载页面时。它总是给我大约半秒的没有css样式的html页面。任何人都知道为什么会发生这种情况以及如何解决它？提前致谢。

已解决：谢谢大家，我只是将我的 jquery 放在底部即可解决问题。

【问题讨论】：

什么浏览器？他们中的大多数都提供了一些计时工具来显示发生了什么。
这可能会发生，因为 css 文件加载速度不够快。在页脚中使用 jquery 并将主样式表保持在任何其他样式表之上
能否请您从html页面发布一些代码，html文档中引用的css在哪里？还有css文件有多大？
请把你的html页面的header部分也贴出来
你看到的是FOUC吗？

标签： html css

【解决方案1】：

对于有同样问题的其他人，在我的情况下，延迟来自文本输入中的autofocus="" 属性，所以我删除了它并解决了问题！

希望对你有帮助

【讨论】：

谁会想到这个？你的建议解决了我的问题。谢谢。

【解决方案2】：

我建议如下：-

从标题中删除任何 jquery 并将其放在页面底部。
从编码中删除多余的空格。
减小图像文件的大小。
尽可能将多个脚本合并为一个。
删除所有不必要的元素。
将所有样式表组合成一个更小的文件，响应时间更短，加载时间更快。
优化您的背景图片或您在页面上使用的任何图片以加快加载速度。
最终使用 Gzip 压缩 JS、CSS 和 HTML。切勿在图像、视频、pdf 上使用它 - 不会进行任何额外的压缩，但可能会增加大小。

【讨论】：

【解决方案3】：

文档的 HEAD 元素中只需一个 LINK 元素或 SCRIPT 元素即可防止无样式内容的闪现。

【讨论】：

【解决方案4】：

在头部放一个带有0的脚本标签

<head>
    <!-- Other head stuff ... -->
    <script>0</script>
</head>

【讨论】：

猜你喜欢

1970-01-01
1970-01-01
1970-01-01
2013-05-11
1970-01-01
1970-01-01
1970-01-01
1970-01-01
1970-01-01

相关资源

下载 2021-06-06
下载 2022-12-17
下载 2023-01-20
下载 2022-12-22

最近更新更多

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode