Product gallery, variant images and thumbnails
Treat the first visible product image differently than other gallery and list images. A global charging option may otherwise delay the purchase area.
Compare product main image, gallery and the image of the selected variant. In block themes, the gallery component determines its presentation; classic customizer settings do not automatically apply to every gallery block.
Where to check the setting in WooCommerce
Open product image, gallery and the image of the affected variant. Check the specific image reference and your media library information. When changing variants, the new image output must also have a suitable alternative and a reserved display space.
Example of this specific finding
Illustrative control case: Twenty images far below the first visible area load immediately. The large visible hero image, on the other hand, does not belong in the same delay rule.
follow-up audit in WooCommerce
Change gallery and variant selection mobile test. Actually check loaded size, alternative text and reserved area for each view.
Suitable downstream images are loaded delayed and checked in the network protocol when scrolling. Continue to request visible key images in time.
Derogations and scope
Lack of lazy loading on the LCP image is often intentional. A blanket rule for all images can worsen the visible loading time.
Regarding: WooCommerce on WordPress. Block and classic product templates as well as SEO extensions can have different output locations.
Classify the general error
Definition, system-independent causes and further correction examples: Judge images by their position in the first screen
Configuration and test signal documentation
WooCommerce: Product Images and Galleries