Post by account_disabled on Jan 6, 2024 10:12:22 GMT 4
10 到 30 个产品，然后恢复延迟加载，直到加载下一个 50 到 100 个产品，此时再次显示“加载更多”按钮。 50到100个项目的“加载更多”按钮阈值决定何时中断用户，而延迟加载阈值仅仅是一种性能优化，以减少加载时间和服务器负载。 请注意，此处特意设置了要加载的产品数量的范围。测试表明，理想的数字取决于您网站的背景和行业。对于包含更多规格驱动产品（大多数消费电子产品、硬件、零件和耗材）的列表，请使用较低的范围。相反，测试表明，当列表包含更多视觉产品（服装、家具、装饰等）时，用户可以处理更多数量的项目。 （对于延迟加载，可以使用大量代码和插件作为出发点，其中两个是 。） 克。
鲁特菲尔德 Crutchfield结合延迟加载实现了“加载更多”按钮。一、默认加载20个产品；一旦用户滚动到第 10 个产品，Crutchfield 就会延迟加载另外 20 个产品。在第 40 个产品之后，用户会看到一个“加载更多”按钮。（查看大图） 这样，页面加载速度很快，因为最初加载的产品很少。更重要的是，对于中小品类，延迟加载可以让用户不间断地浏览产品的广度。实际上，就好像大多数明确定义的类别都启用了“查看全部”——特别是在应用过滤器时。 对 Whatsapp 号码列表 于较长的列表，用户将看到“加载更多”按钮，如果用户愿意，这使得继续查看更多产品变得非常容易，但提供了滚动的健康休息，让用户可以轻松访问页脚，让他们有时间考虑应用过滤器是否比继续滚动数百种产品更好。 延迟加载（尤其是无限滚动）的弱点之一是页面的。
高度不断变长；如果用户将滚动条拖动到底部，他们将到达页脚并在下一个项目加载时看到它一两秒钟。然后，新项目将被附加到列表中，页脚将被向下推，滚动条将延伸。在测试过程中，这导致了锯齿状的页面体验。通过“加载更多”组合，这个问题基本上得到了解决，因为一两次跳跃后就会出现中断。 但是，如果您希望完善您的实现，请考虑通过将列表项的高度乘以行数来“伪造”页面的高度，直到出现下一个“加载更多”按钮 - 即使这些产品行还没有出现尚未加载。此假页面高度将从头开始为滚动条提供适当的空间，因此更准确地表示列表的实际高度。它还允许用户无需任何跳转即可访问页脚。 延迟加载将继续像以前一样加载产品 - 只是现在它们占用了空白空间而不是扩展页面。 “加载更多”搜索结果 由于。
鲁特菲尔德 Crutchfield结合延迟加载实现了“加载更多”按钮。一、默认加载20个产品；一旦用户滚动到第 10 个产品，Crutchfield 就会延迟加载另外 20 个产品。在第 40 个产品之后，用户会看到一个“加载更多”按钮。（查看大图） 这样，页面加载速度很快，因为最初加载的产品很少。更重要的是，对于中小品类，延迟加载可以让用户不间断地浏览产品的广度。实际上，就好像大多数明确定义的类别都启用了“查看全部”——特别是在应用过滤器时。 对 Whatsapp 号码列表 于较长的列表，用户将看到“加载更多”按钮，如果用户愿意，这使得继续查看更多产品变得非常容易，但提供了滚动的健康休息，让用户可以轻松访问页脚，让他们有时间考虑应用过滤器是否比继续滚动数百种产品更好。 延迟加载（尤其是无限滚动）的弱点之一是页面的。
高度不断变长；如果用户将滚动条拖动到底部，他们将到达页脚并在下一个项目加载时看到它一两秒钟。然后，新项目将被附加到列表中，页脚将被向下推，滚动条将延伸。在测试过程中，这导致了锯齿状的页面体验。通过“加载更多”组合，这个问题基本上得到了解决，因为一两次跳跃后就会出现中断。 但是，如果您希望完善您的实现，请考虑通过将列表项的高度乘以行数来“伪造”页面的高度，直到出现下一个“加载更多”按钮 - 即使这些产品行还没有出现尚未加载。此假页面高度将从头开始为滚动条提供适当的空间，因此更准确地表示列表的实际高度。它还允许用户无需任何跳转即可访问页脚。 延迟加载将继续像以前一样加载产品 - 只是现在它们占用了空白空间而不是扩展页面。 “加载更多”搜索结果 由于。