Scaled images, low GTMetrix

  • Hi! My GTMetrix score is very low because I get a warning that my images are not scaled. Is there something I can do about it?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Ozzy Rodriguez

    (@ozzyr)

    There’s definitely something that can be done, but since WP Featherlight opens up the image you tell it to and doesn’t set anything itself, it can’t help you fix those issues for you.

    Thread Starter logaritym

    (@logaritym)

    Thanks for the reply. What would you recommend me in order to fix this?

    Thread Starter logaritym

    (@logaritym)

    The way I understand it, GTMetrix sees that the small image has large size and does not realize that it is supposed to be enlarged.

    Plugin Author Ozzy Rodriguez

    (@ozzyr)

    What it’s saying is that you are serving an image that’s a larger size than than the area it’s occupying. Here is what GTMetrix has to say on the subject: https://gtmetrix.com/serve-scaled-images.html

    I would recommend using image that are the correct size for the area that they’ll be used in. That should get rid of that error in PageSpeed and YSlow.

    Thread Starter logaritym

    (@logaritym)

    Well, the thing is that if I choose a small size for the image, then when it gets enlarged via WP Featherlight, the enlarged image is also very small and blurry. Basically, WP Featherlight opens the image at the size which is used when the image is added. When I have 2-3 images in 1 row, I either have to use very small sizes and get small and blurry images when they get enlarged, or use large sizes and get a bad GTMetrix score.

    Plugin Author Ozzy Rodriguez

    (@ozzyr)

    In order to do that, it’ll be more of manual process of selecting which images to open in a lightbox. You can use the instructions at https://github.com/noelboss/featherlight/#usage more information on how to do that.

    Thread Starter logaritym

    (@logaritym)

    The way I use WP Featherlight is by adding links to the chosen images to their media files. Then, the images open in lightboxes. I do not open all images in lightboxes, but I do not understand how to deliver small, scaled images when they are not lightboxed, and then deliver larger images when they are lightboxed with WP Featherlight. Please, look at this demo:
    https://cl.ly/36c9517e972d

    Plugin Author Ozzy Rodriguez

    (@ozzyr)

    In order to open the lightbox the way you’d like, you can’t use the set it and forget it option of the plugin. You’ll have to initiate the lightbox yourself using the instructions found at https://github.com/noelboss/featherlight#user-content-usage

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Scaled images, low GTMetrix’ is closed to new replies.