Question

我的页面加载方法存在一个主要问题，每当我的页面开始加载时，我都能以正确的方式加载页面之前看到HTML。

我在HTML，CSS和JS上使用缓存来提高速度，现在速度很快，但是当我们在页面加载时看到破碎的HTML时真的看起来很奇怪。

我尝试过多种方法：

1. Tried unminified CSS
2. Tried JS to show a blank page before full page load
3. Tried uncached CSS
4. Tried to show percentage on page load

但是没有成功，问题只出现在页面加载之前的几毫秒，然后开始显示百分比或我正在尝试的任何东西，但是在所有解决方案显示不良礼貌的HTML之前。

请给我一些建议，为什么它出现有价值的原因以及这背后的确切原因。 Click here to view problem when site loads

Answer 1

您首先看到未加样式的HTML加载的原因仅仅是因为您的样式表未首先加载。您需要将外部样式表放在HTML的head部分中，以便首先加载它。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
<!-- Load your style sheets here -->
    <link rel="stylesheet" type="text/css" href="style.css">


</head>
<body>

</body>
</html>

在加载所有页面之前首先加载HTML

1 个答案: