Can I have the address of some beautiful websites made with Epsilon themes. Thanks

Promoted not long time ago:
https://tobaratos.com/

Why are images loading so badly in it?

Its called lazyload.

Why are images loading so badly in it?

Yes, the image loading needs serious refinement. I am using the WebP image plugin, and cache plugin but still, the image loads so bad. 

Plugin currently use this library:
http://jquery.eisbehr.de/lazy/example_basic-usage

You can try to replace it or try browser built-in solution, will be included also in next update.

Plugin currently use this library:
http://jquery.eisbehr.de/lazy/example_basic-usage

You can try to replace it or try browser built-in solution, will be included also in next update.

I have done extensive tests and have realised that the image loading issue on my website has to do with Google Adsense and not the lazyload feature. The issue is that Adsense code is loaded and searched for Ads to display before the website image is loaded even if the image is on the loading point. when you disable AdSense it loads faster. I think the best scenario should be:

1. When the Ad is clicked, the Ad opens with the corresponding image (with or without lazy load) because the ad and its image are the first point of impression for the user.

2. Lady load is applied to defer all the background or below-the-fold images.

3. Adsense is then called for to load Google ads.

The solution is to load the Ads before Adsense. The blog plugin uses this approach: where the blog is loaded together with images before calling the Adsense check site here: https://pampaso.com/blog/article/how-to-buy-cheap-cars-online-b5

So the programmers here should kindly help 

Quote from: MB Themes on July 06, 2022, 11:02:07 AM

Plugin currently use this library:
http://jquery.eisbehr.de/lazy/example_basic-usage

You can try to replace it or try browser built-in solution, will be included also in next update.

I have done extensive tests and have realised that the image loading issue on my website has to do with Google Adsense and not the lazyload feature. The issue is that Adsense code is loaded and searched for Ads to display before the website image is loaded even if the image is on the loading point. when you disable AdSense it loads faster. I think the best scenario should be:

1. When the Ad is clicked, the Ad opens with the corresponding image (with or without lazy load) because the ad and its image are the first point of impression for the user.

2. Lady load is applied to defer all the background or below-the-fold images.

3. Adsense is then called for to load Google ads.

The solution is to load the Ads before Adsense. The blog plugin uses this approach: where the blog is loaded together with images before calling the Adsense check site here: https://pampaso.com/blog/article/how-to-buy-cheap-cars-online-b5

So the programmers here should kindly help 

I have added a temporary fix. Maybe the expert here can advise or modify it for betterment. In the item.php I have modify the code from:
<img class="<?php echo (eps_is_lazy() ? 'lazy' : ''); ?>" src="<?php echo (eps_is_lazy() ? eps_get_load_image() : osc_resource_url()); ?>" data-src="<?php echo osc_resource_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?> - <?php echo $i+1;?>/<?php echo osc_count_item_resources(); ?>"/>
to:

<img src="<?php echo osc_resource_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?> - <?php echo $i+1;?>/<?php echo osc_count_item_resources(); ?>"/>
Now it works to my satisfaction. The product image is shown before the Google Adsense loads. This makes the page usable and relatively faster for the end-user. I welcome modification if anyone has a better way to go about it.

My website: https://pampaso.com

Yes solution is correct in order to remove lazy load from that image(s) 

Yes solution is correct in order to remove lazy load from that image(s) 

Wow, thank you so much for the confirmation. Epsilon is the best!

You now have a great ad page loading. But the rest of the search pages and the main page are still bad and take a long time to load. Is a solution possible for these pages as well?

You now have a great ad page loading. But the rest of the search pages and the main page are still bad and take a long time to load. Is a solution possible for these pages as well?

The solution is to load the page before calling Adsense but I am a starter in the programming world. So I don't know how to go about it.

The problem is not to remove the lazy link out of the files but when you do this with main, search, item etc... You will not have benefits of lazyload anymore on the entire website. If you remove them you might just as well disable the lazyload in admin config because you do exactly the same by cutting the code....

The problem is not to remove the lazy link out of the files but when you do this with main, search, item etc... You will not have benefits of lazyload anymore on the entire website. If you remove them you might just as well disable the lazyload in admin config because you do exactly the same by cutting the code....

Thank you for the info but when I updated with the code above on the item page on my site I can see that the site loads with the first gallery image showing without a lazy load while the rest works with lady load. That is exactly what I was expecting.

If you replace this code in loop-single.php then search and main loads images instantly but as said before without lazyload...
       
<?php if(osc_count_item_resources() > 0) { ?>
          <img class="<?php echo (eps_is_lazy() ? 'lazy' : ''); ?>" src="<?php echo (eps_is_lazy() ? eps_get_load_image() : osc_resource_thumbnail_url()); ?>" data-src="<?php echo osc_resource_thumbnail_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?>" />
        <?php } else { ?>
          <img class="<?php echo (eps_is_lazy() ? 'lazy' : ''); ?>" src="<?php echo (eps_is_lazy() ? eps_get_load_image() : eps_get_noimage()); ?>" data-src="<?php echo eps_get_noimage(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?>" />
        <?php } ?>
      </a>


TO
        <?php if(osc_count_item_resources() > 0) { ?>
          <img src="<?php echo (osc_resource_thumbnail_url()); ?>" data-src="<?php echo osc_resource_thumbnail_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?>" />
        <?php } else { ?>
          <img src="<?php echo (eps_get_noimage()); ?>" data-src="<?php echo eps_get_noimage(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?>" />
        <?php } ?>
      </a>