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 要求。