在加载所有页面之前先加载 HTML
Posted
技术标签:
【中文标题】在加载所有页面之前先加载 HTML【英文标题】：HTML loading first before loading all the page 【发布时间】：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？ 是的，一个链接会很好。 【参考方案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 之类的插件完成了此操作。以上是关于在加载所有页面之前先加载 HTML的主要内容，如果未能解决你的问题，请参考以下文章
tableView在加载数据成功之前先展示了footerView-医生工作台1期