Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #836630

    Many people are having “Serve scaled images” troubles with gtmetrix/Pagespeed.
    After making some research i noticed that this is because you can use same element in different column widths. For example i could have frontpage with gallery inside 1/3 column and gallery -page where gallery is full width.

    Problem is that enfold uses same image sizes for elements throughout the site. Thumbnails size must then be adjusted according to the biggest images.

    My proposed solution is that you could select which wordpress thumbnail size would be used for each (masonry)gallery element. different image sizes could be defined by programming or using “easy image size” plugin and generated with regenerate thumbnails plugin. You already have added handy Screen options -tab which could be logical place for this option.

    Then everyone could create needed image sizes, regenerate them and choose close enough size for gallery thumbnails. And Google would be happy => sites would rank well => customer would be happy => we would be happy :)

    Thanx for great theme and keep up good work!

    • This topic was modified 2 years, 1 month ago by  Applari. Reason: typos
    #836738

    Hey Applari,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Best regards,
    John Torvik

    #836979

    Hi!

    (link to site as private content)

    First I tested site with image gallery inside right panel i get PageSpeed Score 43%
    Secondly I removed image gallery and got 85% as PageSpeed Score.
    Third change was to change thumbnail image size to 40×40 and regenerate thumbs. now i get pagespeed of 85%

    For this preticular site we are able to fix this as it is fixed width by Gallery Preview Image Size.

    But when site is fullwidth, image and thumbnail selection should be tied to srcset or mediaquery.

    • This reply was modified 2 years, 1 month ago by  Applari.
    #836981
    This reply has been marked as private.
    #839541

    Hi,

    That is actually a nice idea.
    Not sure how much work will it require but it is something that we can get to Kriesi.
    He will check and based on all your review will see how we can make it work better.

    Thank you very much

    Best regards,
    Basilis

    #935357

    Yes please fix it, this is a big issue with Enfold. I had to change the masonry size from 705×705 (weird size?) to 327×184 which is the displayed size by the browser of the images we use. Now the load time decreased from 3MB to 1.4MB (still too much) but this should all happen automatically now Google is pushing for mobile first: https://www.techrepublic.com/article/ (Purchase code hidden if logged out)(Purchase code hidden if logged out) -is-a-necessity/

    #935843

    Hi,

    There’s actually nothing to fix. In a masonry element, you can select different number of columns and that particular size will make sure that the images are big enough to cover the item container even when you’re using a single column. If you want to adjust the size of the “masonry” thumbnail, just install the following plugin then go to the Settings > Media panel. Look for the “masonry” thumbnail, adjust the max width and height, update, save then regenerate the thumbnails.

    // https://wordpress.org/plugins/simple-image-sizes/

    Best regards,
    Ismael

    #936121

    That’s what I already did and posted my results.

    What I’m asking for is to have this built in the theme like for example Thrive Themes has done by offering a performance tab to regenerate thumbnails.

    #936377

    Hi ezfl0w,

    Please feel free to request such feature at our feature request system: https://kriesi.at/support/enfold-feature-requests/

    This system allows us to keep track of user suggestions and lets you vote on the feature you would like to see the most. I am afraid though there is no guarantee that a feature will get implemented.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #936579

    Thanks, i don’t have time for that but you got my vote and i believe it’s something the team/developers should go after and not the customers. I already gave you the idea.

    #936841

    Hi,

    Thank you for it, we appreciate it.

    Best regards,
    Basilis

    #936842

    Hi,

    Thank you for it, we appreciate it.

    Best regards,
    Basilis

    #1026404

    This is a great idea, and one that affects my website as well. Any updates to the timeline for implementation??

    #1026635

    Hi,

    You can adjust the default thumbnail sizes with the Simple Image Size plugin. I think that’s enough to control the size of the served image for most screen sizes. Unfortunately, we can’t implement the srcset attribute to the masonry element because the featured images are added as background instead of an img element.

    Best regards,
    Ismael

    #1079485

    Hi @ismael,
    we have installed the plugin: https://wordpress.org/plugins/simple-image-sizes/ ,
    but GT does not report change in Serve scaled images: https://gtmetrix.com/reports/cherry-adv.net/ISoMpvMK.
    We use W3 Total Cache and our theme version is 4.4.1
    Can you help us solve the problem?

    Regards,
    Sergey

    #1080207

    Hi,

    Thanks for the update.

    Did you adjust the size of the “masonry” thumbnail in the Settings > Media panel after activating the plugin? You need to regenerate the thumbnails or images after the adjustment in the same panel.

    Best regards,
    Ismael

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.