jQuery .load() 如何影响站点有很多 .load();

How does jQuery .load() affect the site with many .load();

假设我在一个电子商务网站上有很多产品卡片。然后我想从产品页面检索有关库存状态的信息。

所以我遍历每张产品卡片,然后使用 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');
 }
});

How will this affect the site's performance?

很糟糕。它根本无法很好地扩展。

Will each load() for each product card to be like a page view?

If I have 50 product cards, will it be like 50 page views?

是的。

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