[Resolved] A View with images loads slow.

[Author]

Posts

[abdullahA-6]

I have a filter search with a view, and the view is working great except for every first time , I visit the page that the view is included in, it takes long time to run for the first time, and checking the console I found that it throws about 68 errors, all of them with the name of wpcf_sizexsize@no.jpg

and then the filter runs ok, in my view I am not using the images size rendered in the database, but it sames like it can't find the images that have been added somewhere in the database 404 page errors

can you help me with this

thanks in advance

[Beda]

This is surely unusual.

You seem to call a resized (proportionally) image thumbnail, that does not exist.

Have you tried to recreate your thumbnails?

In Toolset Views it is very important to use Image Sizes that are registered on the moment you upload the image, hence, in the Theme functions.php.

If you use Image sizes that do not exist on your install, hence the "custom" option available when you insert the ShortCode for the image, the View will slow down exponentially as it needs to create each size on the fly.

I suspect the size you call assumes an existing Thumbnail that it cannot find.
Such issues are usually solved by:
- make sure that the thumbnail sizes called are really registered in the Theme and get created when you upload a new image
- if yes, run a Thumbnail Regenerator to regenerate them
hidden link

Then, this should work.

If not, please let me know how exactly you insert the ShortCode in the View.

[abdullahA-6]

Thank you Beda A lot for the response,

yes I was calling images in the views that are not registered by the theme, and I changed to the 300pxX300x or what is called medium, but them I had a similar issue, with the same number of thrown error in the console, about 64 which delays the filter querying process, so I used a plugin that regenerate thumbnails, and still had the same issue, so I went to dig up a little more and found that the errors caused by a javascript that I was calling in the head of the page name retina.js, which is a snippet of code that replaces every image with the same version of it but in a retina resolution, to support a high quality images in devices that support retina images like the ipads, this javascript I believe is called through bootstraps and jquerys, so the issue was solved by installing a plugin called : Retina x2, and bulk generating retina images for all the attachments.

I am explaining the way I solved it hopefully it will help some else later, thank you all !

PS: there was another way to do it which is in the attachment, is to follow the directory in wp-content and change the js code as mentioned from call by tag to call by class. but I thought keeping retina images is another good feature to have too.