Lazy Load – Woodmart vs WP Rocket

Dear,

I’ve been hesitating a lot for choosing the best lazy load between yours and the one from WP Rocket.

So far, I’ve to admit I feel the one from WP Rocket works better. Why? Because it loads the image little before they appear on the screen. In this way, it’s still a lazy load but it’s a smart one as you still give time for the website to actually load the image. Therefore, the user feels nothing.

However, with your lazy load, you really load the image only once it actually gets into the user screen. Therefore, we lose a little user experience as the user has to wait some more time for letting the website load the image. It may be better performance but diminishing considerably the user experience.

Question 1. Would you ever consider improving the lazy load to give some margin to load images slightly before they appear on screen.

Question 2. What are other advantages of your lazy load (compared to WP Rocket) which you can tell me?

Thanks a lot

There is another point where the lazy load from WP Rocket is better than the one from Woodmart.

WP Rocket keeps the image dimension with a placeholder. In this way, if the user scrolls down, the user will find the image appearing exactly at the location where it should really appear.

However, your lazy load doesnt do that because you dont have any placeholder. If the page contains 4 product in a grid with their titles. Then the titles will be pushed down after the images appear. Therefore, the user experience is really diminished.

This gets even worst when for example a user is on the shop page, then goes to product page and finally goes back to the shop page. Once the user goes back to shop page, the fact that there is no placeholder is messing things up because the user expects to get back at the exact position where he was with the images fully loaded. However, without placeholder, this cannot happen and the user faces again the page empty without images and has to wait again for images to load. Unfortunately, WP Rocket handles this much better thzn Woodmart’s lazy load.

Hello,

Our lazy loading has an offset option. You can specify the number of pixels before the image to load image earlier https://gyazo.com/6f890225c4e4f3c7fdecfb59c2ebab90

Regards

Artem,

It seems I had not really checked all the theme settings 🙂

a) I’ve uploaded a custom placeholder but it doesn’t seem to get displayed. Can you check please?

b) The feature “Proportional placeholders size” does not seem to apply on mobile device for pages that have categories only. For example, go on my home page on mobile, hit any category, go back to previous page => you’ll see the categories won’t be having any placeholder nor any proportional size. Why? It should apply too.

Thanks

Video below

1. Currently, placeholders are generated from images thumbnails. Try to disable this option.

2. We will fix this in our next theme update.

Thanks. There’s also another issue in the lazy load from the theme.

Imagine the following scenario. You’re on your mobile and you are on a shop page with some products. To load this page, there was already a lazy load so you (as a user) already had to wait a little time to get them all loaded.

Now assume you wish to check the products one by one. You hit the first product, you dont like it, so you go back to the previous page to check the next ones. Here appears the problem.

When you actually go back to the previous page, you AGAIN need to pass by the lazy load! Every single time you hit back, the lazy load is activated again.

That’s TERRIBLY undermining the user experience. Can you please make sure that when we reload a page where the lazy load was already applied, that we dont need to pass again by the lazy load? Otherwise users just get totally confused and the site’s performance/user experience gets really bad.

Thanks

But it is obvious since you load the page again and the fact you already saw that “loading” doesn’t mean that you don’t need it next time. So the first time will be “fast” and the second time will be “slow” since you want to disable lazy loading when you visit the same page second time.

Dear Artem,

The point 2 which you said you’d fix in the next theme update doesnt seem to be fixed after last update.

Can you check please?
Thanks

Yes, we didn’t fix this because it will break the layout in some other places. You can use the following CSS for that

.cat-design-alt img.woodmart-lazy-load {
    width: 100%;
}

So if I use this code you provided me, it may cause problems? But then you should fix those regression problems to.. It’s not a reason to not fix a problem because it needs fix elsewhere too. Fixes should be made everywhere.

No, you will not face any problems so you can use this code. It may change the layout on one of our categories styles for users with small images aligned to the center.

It’s working great for me ! Thanks

You can close this ticket

[Author]

Posts