Generate thumbnail images in essential grid

Hi - I notice that the site …

yoandysuarez.com

… has a long load time, and I am guessing it’s because all the essential grid images are loading at the full image size. Is there a way to generate thumbnail images that will load in place of the full size images?

Please advise me how to correct this problem.

Thanks.

Hello @dlmorey,

Thanks for writing in! In taking a look at your site just now, it appears to have some loading errors, so I was unable to take a look at the specific issue you’re addressing. That being said, Essential Grid should automatically generate images of an appropriate size for your content based on the settings you’re using on that grid. Also, keep in mind that these images must work responsively, so they may be generated slightly larger than the physical dimensions of the current screen you’re viewing them on. However, as screen sizes increase and decrease and the grid reformats across various devices, your grid’s content will need to reformat, which may result in larger column widths at particular intervals. That is just a little information for now while the site appears to be down, but hopefully that helps to provide a little more context on the situation (using my best judgement at the moment).

Cheers!

Thank you very much for this comprehensive reply. I actually kind of surmised that Essential Grid generates thumbnails automatically, by the fact that it would take ages longer to load on a phone than it currently does.

But now you have alerted me to a problem that I didn’t know existed. Is it within your purview to help me diagnose what that problem is - what is causing the errors you mentioned? How long ago did you try to access the site?

I don’t currently see any issues on this end - hopefully it is no longer an issue, whatever it was.

Thanks so much for this valuable support.

Drew

Your site loads fast on my PC and phone. The reason it could be slow though is because of downloading lots of images and in some mobile device, displaying lots of images could be an issue. Your page size is 8mb. That is huge. See https://css-tricks.com/what-is-the-ideal-page-size-for-quick-loading-pages/ for guidance. You also should optimize your images using a plugin like ShortPixel or similar.

There are also other parts of your site that you need to optimize to make it fast. You can check out services like https://wpspeedguru.com/ to optimize your site for you.

In summary, Essential Grid is not the problem but the number of images in your page. Aside from optimizing your images, you should consider reducing the images in your page. If you really need to display a lot of images, you should consider having a website performance consultant to take a look at your setup and give you specific advice.

Thanks.

Hi Christian -

Thanks very much for this insight. I’ll make revisions accordingly. :slight_smile:

You’re welcome.