在加载所有页面之前先加载 HTML答案

【问题标题】：HTML loading first before loading all the page在加载所有页面之前先加载 HTML
【发布时间】：2017-04-08 05:47:15
【问题描述】：

我的页面加载方法存在重大问题，每当我的页面开始加载时，我都可以在以正确方式加载页面之前看到 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

【问题讨论】：

你需要什么类型的代码页面URL？
是的，一个链接会很好。

标签： php wordpress caching

【解决方案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>

【讨论】：

我所有的样式都在部分。
从您的网站 URL 中我可以看到，您正在通过 javascript 异步加载您的 css。不是我上面写的那样。
能否请您从查看页面源代码中删除那里有什么问题的代码，这将非常有帮助。
从您的源代码中可以看出，您正在使用 wordpress。因此，您可能正在使用一个插件，该插件启用了通过 javascript 加载您的 css 的选项。
是的，没错。默认情况下，这不是 WordPress 中的功能。您可能已经通过 WP Rocket 或 PageSpeed Module 之类的插件完成了此操作。