php，ajax：如果可能的话，最好在开始时加载所有内容吗？

Question

我创建了一个只有一页的网站。在此页面上，我可以单击图像，然后显示或隐藏弹出窗口（使用jquery）。

工作正常。

所有这些弹出窗口都包含文本，图像（我使用php生成此内容）。

<div id="pop_up_1>
    <!-- content : text / images -->
<div/>
<div id="pop_up_2>
    <!-- content : text / images -->
<div/>
and so on

就像我在一页内有10页。这是很多内容。

您认为最好在开头加载所有内容或使用jquery ajax加载内容：

$("#myDiv").load("ajax/video-mur-images.php");

我已经测试了2种解决方案，我不确定选择哪种解决方案。

第一个：一切都已加载，没有更多的查询，但很多源代码和元素。

第二个，更少的元素和更少的源代码，但我必须在用户点击按钮时加载内容。

我想这取决于我需要加载多少数据。那么我应该考虑的限制是什么？

Answer 1

这是一个有趣的哲学问题。通常，正如您现在所做的那样，开发人员从数据量开始，但最终都是关于用户体验。

您的网页加载速度慢吗？如果是这样，是否已按照best practices加速页面加载？什么会更多地惹恼用户 - 初始加载或必须等待每次互动？

另请注意，虽然搜索引擎的网页抓取工具越来越好，但它们并未加载您的AJAX内容。当您决定使用此路径时，请使用一个框架，该框架为您提供书签功能，并使内部链接可以理解为抓取工具。

Answer 2

使用AJAX（甚至更好的PJAX）加载内容肯定会更好。仅仅因为您不知道将来会有多少页面。在单个请求中提供所有页面意味着您可以执行50个数据库查询，而用户只需要执行0个查询的页面。