网页在加载时分解

时间:2018-11-03 09:45:29

标签: html css performance twitter-bootstrap-3 css-transitions

我建立了一个https://dev.dineandgift.com/voucher/108网页,并在加载时进入了1秒钟的分解屏幕,如:

enter image description here

几秒钟后一切都很好...但这看起来很糟糕。我该如何解决这个问题? 为什么页面有故障?

可以使用CSS,HTML技巧来解决此问题吗?

1 个答案:

答案 0 :(得分:1)

<link>(CSS)和<script>(Javascript)标记的顺序和放置都遥遥无期。这会导致页面呈现方式发生这些变化-样式表的加载会由于javascript加载而延迟,而CSS样式并不是浏览器首先寻找它们的地方。

首先,将所有CSS样式表的链接移动到页面的<head>-现在它们位于<body>中。如果这样做不能解决问题,请将所有<script>标签从<head>移到结束</body>标签之前。