Gallery drasticly slows page speed

Hi David,
I had a look at your page, and noticed that you are loading 4 galleries on the homepage with over 100 images in total, which means that there is quite a lot of HTML loading on the page which could be negatively impacting page load speed.

One thing you can try:

* when editing the gallery, goto the paging tab under gallery settings
* select “dots”
* set page size to “100”
* set paging output to “JSON”

See if that improves your scores

Hello Bradvin,

First of all, thank you for your lighting speed reply!

Currently my galleries are set to “Image viewer” which I wont be able to goto the paging tab.
If I change the viewing mode to follow your settings its gonna load everything one under the other so that wont be an option as it really breaks the front-end feel to the page.

is there any way to keep them in the same gallery with one thumbnail photo in front?

Just for the record, I have actually setup all my galleries as you mentioned AND selected the “image viewer” option once again (as i think the paging option still remains the same)
However the page speed remains the same…
any other suggestion?

Hi @davgila,

To improved page speed, could you also try optimizing your images using a plugin such as the short pixel image optimization plugin? It will help reduce image size without affecting the quality of your images. For more information, please visit https://shortpixel.com/.

You need also to enable lazy loading when you go to wordpressadmin->foogallery->galleries, edit the gallery you want, and enable lazy loading feature. However, ensure that you have disabled the disable lazy loading feature at wordpressadmin->foogallery->settings->general.

You can also enable the enable HTML cache feature at wordpressadmin->foogallery->settings->general.

Let me know how this goes

Kind regards.

Dear @influxfooplugins

I have compressed all images to the lowest possible quality 60kb each,
Cached, Lazy loaded just as you suggested.

The google page speed remains the same -20% Mobile and +2500Ms compare without foogallery.

Then I had another test, this time I only had 1 picture in each 4 of the image viewer mode and ran the test again.
-NOW only -10% Mobile page speed and approx +1000Ms copare without foogallery.

-I assume the image quality does not change a thing, since it doesnt load the actual image, its all about getting the code short and the number of galleries too..

However I’m still looking to have 4 separate galleries with approx 20 photos each, since I’m a photographer its a must….

Anything we can do about it?

Your assistance is much appriciated!

@steveush please can you also look into this?

Hi @davgila,

Not sure about Google page speed scores, since they have added a lot of information, regarding website speed over the years, but I would recommend using gtmetrix.com which provides better and consistent analysis. The page loading issue seems not to be related to Foogallery. Gtmetrix indicates that you have a page speed score of 86%.
For more information, please https://gtmetrix.com/reports/www.instawalk.eu/CDWMYfQc.

From the report, you have a score of 97% and above as shown in the screenshot at https://monosnap.com/file/n1ykmEOMSHq9xX6KpvwgXatCDUk8fl.The only issue preventing your page from loading to 100% is serving inconsistent URL as shown in the screenshot at https://monosnap.com/file/HS1smQbLkkafiiaN7TBpLIB7H1ZAUQ which has a score of 0% others are above 97%.

It seems to be caused by the images e.g. at https://nitrocdn.com/YCUXQBLUzKaUxWZayvJegsPaPcWUCvuy/assets/static/source/rev-faf5bbc/YCUXQBLUzKaUxWZayvJegsPaPcWUCvuy/assets/static/source/rev-faf5bbc/wp-content/uploads/2020/07/IMG_6899-scaled.jpg which seem to be a URL served from a CDN. Could you try disabling any CDN you have installed then run the Gtmetrix test again to see if this fixes the inconsistent URL problem? You can also have a look at the tutorial at https://wpbloggingnerd.org/how-to-serve-resources-from-a-consistent-url/ for troubleshooting steps.

If you have any questions, we will be happy to help

Hope this helps.

@influxfooplugins

I used both GTmetrix and google speed too.

The main reason why you now found the current speed as fast as 1.2 sec cuz I just could’t afford to wait to fix the gallery and my slider rev. which was dragging my page speed.

Currenlty I use the plugin called nitroPack which loads instantly!!! Turned on this afternoon…

Even before my GTMetrix score was A,A but the page speed 14sec….

I’ll attach the image here click to see the image.

This 14sec was the effect of 1: foogallery and 2:slider revolution, after turning them on I scored 2.5 on GTMetrix and 80 Mobile google.

For now I’ll just stick to NitroPack since it offers unbelivable speed, however maybe in the future you guys could fix this.

Hpefully I could help with the informations up there.

Thanks again for all your responses, 5 star review was done specifically for the support, love the plugin!!
CHEERS