Mi images appear and disappear in a random fashion

[Anonymous]

I purchased your WP eStore plugin on February 17, 2019 and installed it on my Puerto Rico Photography website puertoricophotography.com to sell t-shirts. I’ve also had your Photo Seller plugin installed on this site for years to sell photos.

You can see the front end of the WP eStore plugin at: puertoricophotography.com/t-shirts-with-photos-of-puerto-rico/

The problem that I’m having is that my WP eStore images appear (or don’t appear) in an erratic fashion. For example: when you visit the page you will see that some of the images for my t-shirts are missing. If you refresh the page some of the missing images will show up but some of the ones that were showing up will disappear.

I’ve turned off several plugins thinking that there might be a conflict but that hasn’t helped. I also optimized my databases and refreshed my cache. That didn’t help either.

Any idea what the problem might be?

[admin]

I just went to your t-shirts page and all the images for all the products show up fine. I have reloaded the page 3 times to make sure it works all 3 times. You do have a fair amount of images on that one page. Is your browser maybe timing out trying to load images on a slow internet connection? What happens if you clear your browser’s cache and cookies?

[Anonymous]

I just cleared my cache and my cookies and the situation prevails. This is the only page on my website with this sort of problem.

Since I can’t post any images on this forum, I placed a PNG on my site for you to download and examine. You can find it here: puertoricophotography.com/t-shirt-screenshot.png

[wzp]

@orlandomergal — Does the condition persist, if you use a different computer, browser or browser profile?

[admin]

I wanted to inspect the images but looks like you are using a plugin to deactivate right click or developer tools access.

Do the following test test just to be sure that those plugins are not interfering:

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

[Anonymous]

Hi WZP:

I discovered that the problem only happens on my computers. Not on my iPads or on my iPhone. Weird!!!

[Anonymous]

I think I solved the problem on my own. I increased the memory allocation on my php.ini file and now all is well. Thank You.

[admin]

What happening is that when your server is requesting that many images to be loaded on the page, some of those are timing out. It can happen on shared hosting servers (because they tend to have less resources and memory).

Can you please break that ONE large page into multiple smaller pages? So maybe create a 3 – 5 different pages and list the various different products in those pages. Then you can have link to those pages from your main page.

First, you can create the 3 – 5 pages and put the products in there without breaking anything. Load those pages and see if you find any issue. If everything looks fine then you can edit your main page and link to those pages.

[Anonymous]

This doesn’t answer why the images load perfectly the first time but not when I reload. It also doesn’t answer why the problem doesn’t happen on my iPad or on my iPhone at all.

Finally, I had created a new post where I mentioned the following information obtained from the GT Metrix site about your “e-Store Extra Shortcodes” plugin:

“The following inline script blocks were found in puertoricophotography.com between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.

Inline script block #1

Inline script block #7

The following external CSS files were included after an external JavaScript file in puertoricophotography.com To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.

puertoricophotography.com/wp-content/plugins/eStore-extra-shortcodes/eStore_extra_shortcode_css.css?ver=5.1.9

puertoricophotography.com/wp-content/plugins/wp-cart-for-digital-products/wp_eStore_style.css?ver=8.0.7

fonts.googleapis.com/icon?family=Material+Icons

Correctly ordering external stylesheets and external and inline scripts enables better parallelization of downloads and speeds up browser rendering time.”

Could this be the culprit?

If the server were time out, shouldn’t it happen all the time and across all devices?

Please advise.

[admin]

I don’t really think that CSS stuff will do anything with this. Also, I don’t understand how they are external CSS files. Those are loaded from your site.

I have seen this kind of image loading issue before on normal sites with a lot of images. When a lot of images are requested by the browser, some of those can time out (it is not going to be the same ones every time). Some browser’s/devices maybe loading the cached version of the images. So it is not having that request timing out issue).

You can do one other test maybe. Using a CSS combine type plugin, you can combine the CSS files of your site and put it in the header. Then load the page. Do you see a difference?

[Author]

Posts