About Grid View and Visual Optimization

Hi Team,

According to the Google Page Speed results, I received an LCP warning indicating that the images on my website are loading very slowly. How can I optimize and reduce the size of images on the product page and other pages?

A company you referenced that uses the Woodmart theme seems to have successfully implemented what I want to do. In grid view, they use 300×300 image dimensions, while larger image sizes are used on the product page. On my own website, when I select “open image in a new tab” in grid view, the larger images from the product page are displayed.

How can I apply the same approach as in the example? I am sharing a video explanation in a private area to better illustrate my point. Currently, I am using Elementor on my website.

Hello,

In general, our theme cannot influence images. I suggest you read our article about image sizing – https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

How to optimize images – https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/#Step_3

Kind Regards

Here’s the translation of your text into English:

Thank you for the information. I have already reviewed these guidelines and made the necessary adjustments. In the guidelines, you mentioned using Imagify. Should I use Imagify to set thumbnail images in grid view, or should I proceed with the methods below?

Do I need to implement the feature I want as shown below? I don’t think there’s an option to manage this feature in the theme settings, is there?

WooCommerce > Status > Tools > Regenerate Shop Thumbnails

[Author]

Posts