jQuery .load() 如何影响具有许多 .load() 的站点；

Question

想象一下，我在电子商务网站上有很多产品卡片。然后我想从产品页面检索有关库存状态的信息。因此，我遍历每张产品卡片，然后使用 load() 从产品页面加载信息；这将如何影响网站的性能？每次都会加载(); 让每个产品卡片都像一个页面视图？那么如果我有 50 张产品卡片，页面浏览量会是 50 次吗？$('.article-list-wrapper .articlelist-item').each(function() { if ($(this).find('.sg-stock-availability-plp').length < 1) {  $(this)   .find('.offer')   .after("<div class='sg-stock-availability-plp'></div>");  var sg_product_href = $(this)   .find('.articlelist-item-image-wrapper')   .attr('href');  $(this)   .find('.sg-stock-availability-plp')   .load(sg_product_href + ' .article-stock-availability'); }});

Answer 1

这将如何影响网站的性能？

很糟糕。它根本不会很好地扩展。

将每个load()产品卡片都像页面视图一样吗？

是的

如果我有 50 张产品卡片，它会像 50 次页面浏览量吗？

是的。

我强烈建议您一次加载整个产品页面，或者仅在用户通过单击或悬停产品与产品交互时加载产品信息，具体取决于您的 UI 要求。