0

我创建了一个只有一页的网站。在此页面上,我可以单击图像并显示或隐藏弹出窗口(使用 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");

我已经测试了这两种解决方案,但我不确定选择哪一种。

第一个:所有内容都已加载,之后不再查询,但有很多源代码和元素。

第二个,更少的元素和更少的源代码,但是当用户单击按钮时我必须加载内容。

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

4

2 回答 2

2

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

于 2013-01-22T22:14:12.320 回答
2

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

您的页面加载缓慢吗?如果是这样,是否遵循了加快页面加载速度的最佳实践?什么会让用户更恼火——初始加载还是必须等待每次交互?

另请注意,虽然搜索引擎的网络爬虫越来越好,但它们不会加载您的 AJAX 内容。当您决定走这条路时,请使用一个框架,该框架为您提供书签功能,并使爬虫可以理解内部链接。

于 2013-01-22T22:13:00.860 回答