• Dirk Claesen

    (@dirk-claesen)


    Over time I have the feeling that my website (https://photona.org) is getting slower and slower.

    In order to try to fix the issue I have run Google PageSpeed against my website and the number 1 reason they mention is the fact that the pictures on my website are too big.

    I have changed the jpg quality already from 100% to 90% and regenerated the thumbnails.
    This gave a slightly better score in PageSpeed but still it is advising me to further reduce the size of the images.

    Before I lower the jpg quality further, I’m seeking for your advice.
    What is impacted by the jpg quality setting?
    – only thumbnails
    – the image that is displayed when clicking on one of these thumbnails
    – the image that is displayed after clicking on the image that was displayed with the previous click
    – the original image that was uploaded by the user and that is stored on disk
    – multiple of these

    I don’t mind if the thumbnails lose quality but I would like to keep the quality of the original image that was uploaded and the image that is displayed after clicking on the image that is displayed when clicking on the thumbnail.

    Kind regards,
    Dirk Claesen

    https://www.ads-software.com/plugins/wp-photo-album-plus/

Viewing 15 replies - 1 through 15 (of 19 total)
  • Plugin Author Jacob N. Breetvelt

    (@opajaap)

    I noticed that for some reason the wppa intenal lightbox does not work while it should ( when you click on the large display image when the magnifier glass is shown ); but that is another issue. ( maybe its caused by a setting of your theme ? )

    You can decrease jpeg quality. This will affect display files only when you remake them on Table VIII-A11. You need the ‘source’ files; i understood you have them.

    To get the ‘lightbox’ images at original resolution and quality, use the source filoes for them: Tick Table IV-G6.

    Another suggestion is to make the thumbnail popups smaller. The thumbnail files will be generated at picture sizes that are big enough for thumbnails, thumbnail popups and album cover images.

    If you run VIII-A11, you need not to run VIII-A4; its done implicitly by VIII-A11.

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    To make the use of source files working for lightbox when from slide, you need to update to version 6.4.3 due to a bug that is fixed in this version.

    Thread Starter Dirk Claesen

    (@dirk-claesen)

    Thanks for your quick reply!

    I didn’t install 6.4.3 yet but will do this next week or so to get the lightbox working again.

    I have thicked now the “use hires” option in IV-G6.
    If I understand your reply correctly this means that even if I reduce the jpg quality to 20% and remake all thumbnails that only the quality of thumbnails will be affected but not the quality of the image in the lightbox. Right?

    Will the quality of the large image that is displayed before going to the lightbox be affected?

    Am I also correct to say that I can always revert to higher quality thumbnails again?
    If I set the jpg quality to 50% and after two weeks I decide that this setting has reduced the quality of the image too much, can I set the quality back to 80%, remake all thumbnails and have the original quality again?
    This would mean you always create your thumbnails starting from the original images before any resizing was applied to them. Right?

    To come back to the original performance issue, this issue only seem to exist when I click on my home page (with the “most recent” widget) on any image. Here I have to wait 10 seconds before the large image is displayed.

    But once the large image is displayed and I click on the filmstrip under this image, the next image is displayed within 1 second.
    Could it be too many actions take place when clicking on the thumbnail of the “most recent” widget?

    Kind regards,
    Dirk

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Using the original (source) image for lightbox requires 6.4.3 (!)

    The slideshow image and the thumbnail image will be created at the jpeg quality specified.

    You can re-make the slideshow images also, by running VIII-A11, this remakes them and also remakes the thumbnails.

    The thumbnails are remade from the sources, unless they do not exist or you want the watermarks on the thumbnails also ( See Table IX-F12 ); in this case the thumbnails are remade from the slideshow images.

    You can not have thumbnails at a lower q than the slides. You can remake the thumbnails at a lower q, but you have to set the q higher when a new photo is uploaded to create the slide image.

    Please tick the box in Table IX-A3: Sta WPPA+ Debugging toe
    Then I will look into your performance issue

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    I think i found the cause of your problem.

    The slideshow from the most recently uploaded photos contains 216 photos, and is limited to 1000000 and not pahinated.
    It looks like you see all the photos as ‘recent’. This is ok, but keep it paginated: set the slideshow pagesize also (like thumbnails) to 30; in Table I-B8.

    If you want only the most recentt 100 to be seen as recent, set Table I-F7 to 100 in stead of 1000000

    Your photos are brilliant! Keep jpeg q at 97 if pagination of slideshow fixes the issue…

    Thread Starter Dirk Claesen

    (@dirk-claesen)

    Thanks a lot!

    I have enabled the WPPA debugging, set jpg quality to 95%, regenerated all thumbnails and I changed I-B8 to 30 as you proposed.

    The performance is already much better now. Pictures are now displayed within between 1 and 4 seconds.

    I will have a further look into the pagination and test it in combination with the jpg quality.

    Thanks as well for the nice words about the pictures on my website. I’m still looking for other nature/wildlife photographers that would like to share their best images and I’m sure all of them will be impressed with the superb photo album plugin you created!

    Kind regards,
    Dirk

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    You should contact Jules Gobeil in Canada. He uses wppa form the early days. Thanx to his requests we now have exif and iptc data in wppa and many more features.

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Please update to the current version (6.4.03).

    Please de-activate Google Analytics temporary.
    I want to find out why lightbox does not work.

    Thread Starter Dirk Claesen

    (@dirk-claesen)

    I have upgraded to the latest version (6.4.04) and I have disabled Google Analytics.

    I also decreased jpg quality to 80% and regenerated the thumbnails.

    Lightbox doesn’t seem to be working to me (or could I have caused this myzelf by unticking a certain setting?)

    The speed to display an image after clicking on the thumbnail varies currently between 6 and 10 seconds.
    (slideshow pagesize is now set to 10)

    Thanks for the link to Jules website. He has marvellous pictures.

    Kind regards,
    Dirk

    Thread Starter Dirk Claesen

    (@dirk-claesen)

    I have lowered the slideshow page further to 1 and removed the filmstrip under the large images.

    This has a positive impact on the performance as the large images are displayed much quicker now.

    Limiting the pagesize of the slideshow has for me an unwanted side-effect. With the next and previous buttons you can only scroll through the x pictures of the slideshow page but not through all.
    Therefore it became of little use.

    If you could create previous and next buttons that allow a user to go to the previous/next picture in chronological order, to would be great.

    Or if you could modify the filmstrip in a way that the center picture is always the large picture that is displayed. On the left side and right side of the picture in the filmstrip there could be x other thumbnails with previous and next pictures.
    As soon as one clicks on either of these thumbnails, that would become the center picture and the new previous/next thumbnails would be loaded.

    Kind regards,
    Dirk

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Or if you could modify the filmstrip in a way that the center picture is always the large picture that is displayed. On the left side and right side of the picture in the filmstrip there could be x other thumbnails with previous and next pictures.
    As soon as one clicks on either of these thumbnails, that would become the center picture and the new previous/next thumbnails would be loaded.

    That is how it works…

    Please set the slideshow pagesize to 25: The optimum value, and re-enable the filmstrip if you had switched it off.

    The wppa lightbox js file is not loaded.

    Please verify:
    – Table IX-J3: 3 Lightbox keyname The identifier of lightbox. is set to wppa
    – Table VI-B5a under Link Type it is selected: lightbox.
    – If there is a theme setting ( or plugin ) that does anything with js files ( like optimizing or so ) pls switch it off.

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    If you want me to be able to say more about performance, i would like you to install plugin query monitor and send me login details as an administrator. You can mail me at opajaap at opajaap dot nl

    Thread Starter Dirk Claesen

    (@dirk-claesen)

    The lightbox is working now! Thanks!

    Table IX-J3 was set to wppa
    Table VI-B5a was set to “lightbox single photo”. I changed this to lightbox

    Slideshow pagesize is back to 25 and I enabled the filmstrip again.

    What happens now is that there is a set of 25 pictures loaded in the filmstrip. If I click on a certain photo, then that photo will be displayed as the large picture. When I keep on clicking next then I will see at a certain moment again the first picture of these 25 pictures.
    I would like to be able to browse the 200+ photos I have in the filmstrip and I can agree if 10 pictures are loaded at once to fill the filmstrip.

    Would that be possible?

    Kind regards,
    Dirk

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Table VI-B5a was set to “lightbox single photo”. I changed this to lightbox

    I will look into this why it does not work…

    https://photona.org seems no longer to work, i get a 502 error

    I would like to be able to browse the 200+ photos I have in the filmstrip and I can agree if 10 pictures are loaded at once to fill the filmstrip.

    Normally it works like that: only the filmstrip images that are visisble are loaded. You can only spoil this feature when you install a plugin or activate a theme feature that ‘optimizes’ ( read: ‘damages‘ ) your page by removing html comments or ntroduces ‘lazy load’. In this case you must tick Table IV-A19. This causes all the filmstrip images to be loaded at page startup.

    So: Untick Table IV-A19 and see if the filmstrip still works correctly; if not: de-activate any plugin or theme setting that optimizes html or does ‘lazy load’.

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Table VI-B5a was set to “lightbox single photo”. I changed this to lightbox

    Found the cause of this. Will be fixed in the next version.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘slow page display’ is closed to new replies.