如何在生成整个页面(dynamic )之前预加载.css和.js文件

Question

我的主页(index.php)是由PHP动态生成的，所以它需要使用1s，直到页面交付给用户为止。

因为我的css和js脚本位于(index.php)的标题中，因此在1之后，css和js将开始下载。

有什么一般的方式来预装这个js和css文件吗？

我的主要目的是删除index.php的所有内容，在css和js文件中只包含<'head>，然后执行一些js来加载整个indexOriginal.php (使用PHP在我的服务器上生成的动态内容)，这样用户就可以在indexOriginal.php的同时下载css，js。

这是正确的吗？

Answer 1

你建议的方法可能会奏效。您还可以考虑修改PHP脚本，以便在页面的第一部分(<html>通过<body>)开始将页面的其余部分放在一起之前，匆忙地交付它(请参阅http://php.net/manual/en/function.flush.php)。

Answer 2

您的页面完全由后端生成，只有在php脚本结束其工作后才发送给用户。

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

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

在<script></script>加载中，例如，JQuery并执行以下操作

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

但我真的觉得这不是个好练习。另外，我不认为Google会用这个解决方案解析您的站点内容。

我认为您应该更好地了解您的JS (压缩、gzip、拆分成许多文件并从不同的CDN上传它们、将所有内容移到$().ready等)。

Answer 3

我的建议是让您的初始PHP脚本只交付CSS和JS标记。加载这些数据后，使用JavaScript进行AJAX调用，获取页面的其余部分，然后显示它。或者您可以在JavaScript中构建页面(这将允许您使用加载图标之类的方式向用户提供更好的“页面即将到来”的指示)。