如何在生成整个页面(通过PHP动态）之前预加载.css和.js文件

How do I preload .css and .js files, before the whole page (dynamic by PHP) is generated

本文关键字：动态加载文件 js css PHP 通过更新时间：2023-09-26

我的主页（index.php）是由php动态生成的，因此大约需要1s才能将页面交付给用户。

因为我的css和js脚本在（index.php）的头中，所以在1s之后，css和jss将开始下载。

是否有一些预加载这个js和css文件的通用方法？

我的建议是删除index.php的所有内容，只包括<'head>用我的css和js文件，然后做一些js来加载整个indexOriginal.php（用php在我的服务器上生成的动态内容），所以这应该可以让用户下载与indexOriginal.php并行的css，js。

这是合适的人行道吗？

您建议的方法可以奏效。您还可以考虑修改您的PHP脚本，以便在开始将页面的其余部分组合在一起之前快速交付页面的第一部分（从<html>到<body>）（请参阅http://php.net/manual/en/function.flush.php)。

您的页面由后端生成，并在php脚本结束工作后仅发送给用户。

例如，您可以创建类似页面的。

<html><head><script></script></head><body></body></html>

例如，在<script></script>加载中，JQuery并执行类似的操作

$(document).ready($('body').load('/path/to/your/script.php'))

但我真的认为这不是一个好的做法。此外，我不认为谷歌会用这个解决方案解析你的网站内容。

我认为你应该更好地了解你的JS（压缩、gzip、拆分为多个文件并从不同的CDN上传，将所有内容移动到$（）.ready等）

我的建议是让您的初始PHP脚本JUST提供CSS和JS标记。加载后，使用JavaScript进行AJAX调用，获取页面的其余部分，然后显示它。或者，您可以在JavaScript中构建页面（这将允许您使用加载图标等来更好地指示用户"页面即将到来"）