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 要求。
假设我在一个电子商务网站上有很多产品卡片。然后我想从产品页面检索有关库存状态的信息。
所以我遍历每张产品卡片,然后使用 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 要求。