Php 在加载所有页面之前先加载HTML_Php_Wordpress_Caching

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

php wordpress caching

Php 在加载所有页面之前先加载HTML,php,wordpress,caching,Php,Wordpress,Caching,我的页面加载方法有一个主要问题，每当我的页面开始加载时，我都可以在以正确的方式加载页面之前看到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 pe

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

请给我一些建议，为什么会出现有价值的原因，以及背后的确切原因。

您首先看到非样式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的原因很简单，因为没有首先加载样式表。您需要将外部样式表放在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？是的，一个链接就好了。你需要什么类型的代码页面URL？是的，一个链接就好了。我所有的风格都在一节中。从你的网站URL中我可以看到，你是通过javascript异步加载css的。不是我上面写的方式。你能不能从查看页面源代码中删除代码，告诉我哪里出了问题，这将非常有帮助。从你的源代码中我可以看到，你正在使用wordpress。因此，您可能正在使用一个插件，该插件启用了通过javascript加载css的选项。是的，这是正确的。默认情况下，这不是WordPress中的功能。您可能通过WP rocket或PageSpeed模块等插件完成了此操作。我的所有样式都在第节中。从您的网站URL中可以看到，您正在通过javascript异步加载css。不是我上面写的方式。你能不能从查看页面源代码中删除代码，告诉我哪里出了问题，这将非常有帮助。从你的源代码中我可以看到，你正在使用wordpress。因此，您可能正在使用一个插件，该插件启用了通过javascript加载css的选项。是的，这是正确的。默认情况下，这不是WordPress中的功能。您可能已经通过WP rocket或PageSpeed模块等插件完成了这项工作。