I have an app with a product with many variants, when I load the product page, it is loaded fast, and when I select a variant of that product the image is loaded in about 3s (each product has at least 30 variants)
The variant images were loaded in a
lazy
way, which is why loading the product page was fast, but loading the variant image slow.I then changed the loading strategy to
eager
, now the variant images are loaded fast, but the product page became slower.
How can I achieve a good performance for product page loading, and variant image loading at the same time?