2013-02-17 554 views
2

我一直在尝试制作一些html和css页面。每次当我加载一个页面。它总是给我大约半秒钟的HTML页面,而没有CSS风格。任何人都知道为什么发生这种情况以及如何解决它?提前致谢。在html页面加载时CSS延迟1秒?

解决:感谢球员,我只是把我的jquery放在底部,它解决了这个问题。

+0

什么浏览器?他们大多提供一些计时工具来显示发生了什么。 – leppie 2013-02-17 08:22:03

+3

这可能会发生,因为css文件,加载速度不够快。在页脚中使用jquery并将主样式表保留在任何其他样式表之上 – Shail 2013-02-17 08:22:21

+0

可以请你从html页面发布一些代码,html文档中引用的css在哪里?还有多大的CSS文件? – Judo 2013-02-17 08:22:26

回答

6

我建议如下: -

  1. 从头部取出所有jQuery和它放置在页面的底部。

  2. 从编码中删除多余的空白。

  3. 减小图像文件的大小。

  4. 尽量将多个脚本合并为一个脚本。

  5. 删除任何不必要的元素。

  6. 将所有样式表合并为一个文件 - 较小的文件,较短的响应时间和较快的加载时间。

  7. 优化您的背景图片或您在页面上使用的任何图片以加快载入速度。

  8. 最后使用Gzip来缩小JS,CSS和HTML。切勿在图像,视频和PDF中使用它 - 不会做任何额外的压缩,但可能会增加尺寸。

1

在文档的HEAD元素中只有一个LINK元素或SCRIPT元素将防止未格式化内容的闪烁。

4

别人谁有同样的问题,在我的情况的延迟是从文本输入autofocus=""属性 ,所以我删除了,问题解决了!

希望能帮到

+0

谁会想到这个?你的建议解决了我的问题。谢谢。 – alexandrudicu 2018-01-27 00:09:11