this is my first question bare with me 🙂
Problem: The fotorama gallery used in Magento 2 makes the user experience sluggish. It does not matter how fast my cached static Magento 2 runs if the product image is not "instant".
https://www.ninewest.co.uk/sandals/high-heel/allclear-black-snake-print-nine-west
If you go to the above link, (a store showcased on Magento blog), you can see it opens, then it shows a loading icon, and then it loads the images. That's horrible.
It should load instantly. Like bamm. Done, Specially with full page cache and opcache enabled.
Is there a way to change this behavior? To load it instantly?
For the user, it's the most important "element" on the page. and it loads as the latest.
I don't understand how no one is complaining about this.
This is E-commerce, the only thing that matters is "pictures". It's what the user cares about. The reason they click on the product page is to "see the images better. Personally, for me, it truly bugs me. For no reason, I become super angry and then I ask myself if I'm crazy?
I'm just confused about how such a thing could happen.
On my Magento 1, it loads instantly.
Best Answer
Here's a simple solution that will cause the product's base image to be displayed while the JS is loading.
Create the following file in your theme:
{theme_dir}/Magento_Catalog/templates/product/view/gallery.phtml
containing:Hope this helps.