CcolorclippingJun 21, 2021
Hello,
I use portfolio images as above the fold content. But it makes layout shift. Also data-big not loading as big image at first. after loading all images, the image convert to big, this also cause layout shift. I'm using latest version of canvas template. here is my code sample:
[
}})
]({{ asset('images/services/jewelry-retouching/engagement-ring.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/wedding-ring.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/pre-engagement-ring.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/necklace.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/ring.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/chain-bracelete.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/pearl-earrings.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/wed-ring.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/womens-bracelets.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/gold-pearl-ring.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/platinum-engagement-ring.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/beads-necklace.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/simple-engagement-gold-ring.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/diamond-earring.webp')}})
[
}})
]({{ asset('images/services/jewelry-retouching/promise-ring.webp')}})