Ajax paging of galleries and between photos

[RobS]

Hi,

Any possibility of having AJAX-based pagination of multi-page galleries, and when stepping between photos in a single gallery?

Also, I’m finding that loading galleries or single photos is VERY slow, and I’m currently running on my local server which is fast and with copious RAM… Are the thumbnails computed on the fly at each request?

Cheers

Rob

[Peter]

Any possibility of having AJAX-based pagination of multi-page galleries, and when stepping between photos in a single gallery?

We will investigate to see how we can best improve overall page load speed, whether via ajaxifying or other means.

In the meantime, can you give us some more details about your specific scenario so we can try to reproduce it?

– which particular page(s) on the front end tend to load slowly?

– how many photos do you have in that gallery which is slow?

– Do you have the “Preview Photo via Page” setting disabled or enabled?

[RobS]

Hi,

The AJAX pagination wasn’t meant as a solution to slow loading, but as a usability enhancement to allow stepping between gallery pages or photos within a gallery without having to have a complete page reload.

That said, There is a problem with gallery loading in that it seems slow…

I’m running on a 3.5GHz iMac with 16 GBytes RAM and the server is running under MAMP, so there is no network latency to consider… it’s entirely local.

The gallery in question has 75 photos and there’s a noticeable pause when the gallery is loaded. Loading a single photo details page is also slow (in that there’s a pause), and stepping between photos (next/prev) within the same gallery is similarly slow. It’s as if things are being calculated on demand for each and every page load.

I can probably alleviate things once I get cacheing running once the site goes operational, but the evidence suggests that at a fundamental level the plugin is slow at rendering a gallery page and displaying individual photo details…

I’m previewing photos via their own page, not as an overlay.

Hope that helps…

Cheers

Rob

[muffi32]

I do have the same problem.

My shop is unbelievable slow, with over 30 seconds of loading for a page with 20 thumbnails on it. The whole gallery is about 800 pics.

[Peter]

@muffi32,

Please enable debug logging on the WP Photo Seller plugin: go to Settings->Testing and Debugging and enable logging using the drop down box.

Can you please provide a link to the page with the slow gallery?

Also can you tell me what you server’s php “memory_limit” is set to?

We recommend that memory_limit value should be at least 128M or higher.

[muffi32]

I enabled logging.

Here is the link : [http://pl-photo.de/photogallery/gallery5/]

Password: chgrockt

Just installed w3 total cache. It helps a bit but still it’s way to slow and unsuitable to my clients.they go crazy by searching through 30 slow pages for their picture.

Php limit 128

[Peter]

Ok I know why in your case the pages load slowly.

This is happening because you are using the lightbox method to display your gallery photos.

When you use this method, the plugin needs to check if there is a watermark version of each photo in the gallery and if not, it has to create one.

The slowest loading time will usually occur when a gallery page is being viewed for the first time because at this stage there will be no watermarked images in that gallery’s folder and hence they will need to be created.

I noticed that after the watermark images are created, the pages load a lot faster. Here’s one example:

[http://pl-photo.de/photogallery/gallery5/?pagename=photogallery%2Fgallery5&g_page=12]

Initially this page took in excess of 25sec to load but now loads in under 7 seconds.

I have some ideas about how to improve the performance greatly when the lightbox option is used and this will need some code changes on our part, but in the meantime I highly recommend that you enable the “Preview Photo via Page” feature in the gallery settings. This will GREATLY improve the performance.

[muffi32]

Thanks four your help.

I just changed the preview to the photo page. It’s not really any faster now unfortunately. Any other way to improved by now?

The light box preview is much more greatly than the preview page. It’s a lot more customer friendly and makes it easier to browse through lots of photos.

I have another question. I wanted to try out hover zoom, unfortunately it’s not working.

How many thumbnails per page would you recommend to fit a good balance for average tablets and computers?

[Peter]

Hi @muffi32,

I just tried looking at your gallery pages again and they are MUCH faster now.

All thumbnail pages for that gallery seem to load at 6 or 7 seconds or less whereas previously I was waiting for over 25 seconds in some cases.

How long is it taking for you?

Regarding zoom, let me take a look at your page with firebug and I will get back to you.

[Peter]

Regarding the the zoom feature – it is not working because your theme is breaking it due to javascript errors. (see below)

Uncaught TypeError: Cannot read property 'fn' of undefined pl-photo.de/wp-content/themes/jarvis_wp/js/init.js?ver=1:1

Please tell your theme developer to fix their error/bug and then the zoom will work correctly. (Give them the error I have pasted above and they should know how to fix it)

PS: I also think that your theme may be contributing to some of the page load delays too.

The following post has some good info for you:

https://support.tipsandtricks-hq.com/forums/topic/debugging-javascript-errors-on-your-site

[muffi32]

thank you. I will try to fix that.

Would be great if thumbnails are created during the import to speed up lightbox greatly.

[muffi32]

hi,

regarding the zoom feature.

The theme was updated and the developer told me that the error has been fixed.

I checked with safari console if there are any java errors left. Everything seems fine.

But the zoom doesnt work yet unfortunately.

[Peter]

Hi,

Actually I think I know what is causing the zoom to not show on your site.

It is because your theme’s CSS has the following line (highlighted below):

.section {

padding: 60px 0 60px;

position: relative;

background: #ffffff;

z-index:6;    <=========this line is causing zoom to not display

overflow:hidden;

}

This z-index line is causing the page contents and background to cover the zoom popup.

You will notice that if you remove the “z-index:6;” line it will work properly.

Perhaps you can modify the theme’s css file to accommodate this?

To demonstrate that the zoom is actually working for normal cases, take a look at the test gallery I set up on your test site:

[http://www.pl-photo.de/testsite/?page_id=16]

[Peter]

UPDATE:

I think I have an easier tweak which will save you the trouble from modifying your theme’s CSS.

Please do the following:

1) Go and grab the following plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Then add the following CSS code in the settings of the above plugin:

#photo_details{

z-index: 0;

}



.wps-digital-details{

z-index: 10;

}

Let me know if the above does the trick.

[muffi32]

works perfectly.

thank you so much peter.

appreciate your great support

[Author]

Posts