程序中PHP页面上的数据库中的“Lazyloading”信息

Question

我知道正确的延迟加载通常需要使用对象和代理模式。 我不在那里因为网站需要重新设计。 但是，有什么办法可以将DB数据移到页面上并加快加载时间吗？

Answer 1

主页加载后，您可以使用JavaScript开始加载额外数据。 这样，您的主页面可以概述页面上的组件，显示“微调器”，表示正在加载更多数据，然后将其卸载到JavaScript以获取更多数据。

Answer 2

这可以通过AJAX实现。

当您第一次加载页面时，将占位符放在重要内容应该放置的位置。 例如，使用具有独特风格的div和内部的动画加载图像，以便访问者可以清楚地看出还有更多的加载正在进行中。 您可以在ajaxload.info上生成熟悉的AJAX加载图像。

在页面底部放置一些脚本，调用或绑定必要的函数以使用AJAX加载其他内容。 您可以将AJAX调用绑定到jQuery的.ready() ，例如，一旦文档的其余部分准备好就开始加载，或者当用户滚动某个元素时（例如，过去的某些'地标.scroll() ，启动.scroll() '在您的页面上分隔内容块）。

当您收到包含其他内容的AJAX响应（最好预先格式化为字符串形式的HTML）时，使用.innerHTML =或jQuery的.html()替换占位符div的内容和AJAX响应。 如果需要，使用setAttribute("class","newClass")或jQuery的.attr("class","value")来更改div的样式以替换它的CSS类。

访问者将能够看到您的整页并在加载过程中滚动浏览。 附加内容将在准备就绪时显示，而不会中断访问者的浏览体验。 通过在内容注入后设置过渡动画，您可以使眼睛更好一些。

如果您需要关于如何使用AJAX来获取内容的一些额外的例子异步看看这些为古典JavaScript方式或jQuery的阿贾克斯（）文档 。