Loading speed/image size

Mauer Themes Support Narrator Loading speed/image size

Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #3957
    ME
    Participant

    Hello Paul, since installing the theme my site got really slow and loading the pages takes ages. Do you know what the reason for this is? Would it help, to upload all images in a smaller size? Currently I uploaded the pictures in 2800 x 1867 pixel. If yes, can you please let me know the optimal size for the gallery posts (one and several), the start page (masonary withoug feature image) and the title image?
    This is my site: http://www.travelcloseup.de

    Thank you,
    Celia

    #3961
    ME
    Participant

    Hello Paul, could you please come back to me on this issue? Since installing the new theme my site got super slow, which is really frustrating. I am pretty sure that I need to reduce the size of my images but I don’t know what the optimal size is. Can you please get back to me letting me know which image size is the optimal one for the different layouts in the Narrator theme? Otherwise I can’t solve it…THANK YOU!!!

    #3977
    ME
    Participant

    Hello, someone there?

    #3979
    ME
    Participant

    Is someone still working in the support? Why does it say they answer within 24 hours…if they don’t. Very disappointing.

    #3988
    Dorian
    Participant

    Hi Celia, I just checked your site and your images are HUGE, it’s not necessarily a problem because the detail in my 27″ iMac is amazing, I would strongly recommend to down their resolution to 2000px larger side and keep them +-600kb. You can install JPEG mini lite and keep details and still optimize images.

    #4008
    Paul
    Keymaster

    Celia,

    This theme creates special versions of the images you upload to show them in respective areas. In fact, almost all WordPress themes do this. This is done to reduce the size of the pages, which, in turn, improves the speed of the website. After you switch theme, you need to regenerate those images “thumbnails”, or otherwise your website will be serving full-size images where it is not necessary.

    My guess is that you have uploaded these images before switching to the Narrator theme. This is not a theme specific issue, and regardless of the theme you use, after switching you need to regenerate thumbnails.

    So please install and activate this plugin. Then go to “Tools” > “Regenerate Thumbnails”, click “Regenerate Thumbnails For All XX Attachments” and wait for the process to finish.

    Then you might need to clear your browser cache to see the results.

    Regards,
    Paul

    #4009
    Paul
    Keymaster

    P.S.
    And as for uploading 2800 x 1867 images, yes this is totally fine. The demo uses images that are 3750 by the bigger size, and it works fast. Because those images are resized by WordPress into several sizes (“thumbnails”). The issue you have is not the size of the images you upload, it is that you don’t have the thumbnails generated — as you first uploaded images and then changed the theme. Again, this is not something Narrator-specific and is true for almost any theme. So please regenerate the thumbnails as described above.

    #4043
    ME
    Participant

    Hello Paul, I did that, but it does not seem to help. The only thing that is helping right now is installing Autooptimize. However, I have the feeling the plug in is interfering with the themes. E.g. when on the mobile version and navigation to Bookshelf -> magazines you see that the posts are not displaying correctly. When I disable Autoopimize everything is fine. But then the website gets really slow. Can you please help? This is really frustrating.

    #4044
    ME
    Participant
    #4047
    Paul
    Keymaster

    Celia,

    Please send your WP Admin credentials to pavel [at] mauer.co and I’ll take a look at what may be causing this.

    Regards,
    Paul

    #4078
    Paul
    Keymaster

    Celia,

    For whatever reason, you have installed a plugin called “Simple Image Sizes” and you have overridden the image sizes that are introduced by the theme and you have made them really big. 2800 by 2800.

    Now your thumbnails are gigantic and they slow down the page.

    That is why regenerating the thumbnails did not help. Because you had the sizes overridden.

    Please remove the “Simple Image Sizes” and regenerate the thumbnails the way I described above.

    Regards,
    Paul

    #4079
    Paul
    Keymaster

    You do not need to mess with the thumb sizes yourself. The theme does this for you. It creates a small image for the respective thumbnail and creates a big image for showing in the lightbox. But when you override this, you break things and start showing gigantic images all over the place. That is why a page like this one starts weighing 23 Megabytes. And surely 23 Megabytes is a lot of data to load! But if you do the theme do its thing and don’t override it, the page will be waaaaaay smaller. For instance, this page is 2 Megabytes. Just because it does not meddle with the theme’s default behaviour.

    Autoptimize is a poor patch for this. The browser will still have to load those 23 Megabytes. I would not advise to use it.

    Anyway, please do what I described in the previous comment. And after you do that you will need to recreate the galleries.

    #4085
    ME
    Participant

    Hello Paul, before I do this: I was not happy with the way the images werde displayed.They were not really sharp. Especially the images shown in the post itself (one picture gallery and multiple picture galleries). I don’t care about the small pictures but I would like to have the pictures in my post in a good quality. I am afraid by doing as you say that my pictures get less sharp again. Thanks for a quick feedback.

    #4086
    ME
    Participant

    This is also why asked for the right/best size when uploading the pictures (galleries and title image). Thank you!

    #4088
    Paul
    Keymaster

    I see. If you continue serving big images, you won’t get good speed. And please mind that you will need to recreate the galleries each time after you change the thumbnail sizes.

    #4091
    Paul
    Keymaster

    And you did not actually mention you wanted to override the thumbnail sizes when you were asking about the image sizes.

    #4092
    ME
    Participant

    Hello Paul, I don’t necessarily want to override them. I was trying to find a solution. As mentioned before the pictures suddenly did not look sharp anymore. Especially on the one picture galleries. Is there a way of displaying the images in the post in a good quality while reducing the size of the pages? Or can it just be the one or the other? The pictures on your site look great though!

    #4129
    Paul
    Keymaster

    Celia,

    A way to speed up your images is to start using Cloudflare. Their free plan includes CDN for static assets like images. So your pictures will start loading from a location closest to the user. This won’t be a dramatic difference, however, it will improve the performance.

    If you start using Cloudflare, make sure to install their WP plugin as well — not to have to manually purge the cache every time you update your content.

    Regards,
    Paul

    • This reply was modified 8 months, 1 week ago by Paul.
    #4146
    ME
    Participant

    Hello Paul, this did not help a lot. I’m really struggling here since I did all you said: I deleted the plugin which resizes the images, regenerated the thumbnails and created the galleries from scratch. I installed Cloudfare. I uploaded the pictures in a format that is needed by the theme anyway 1920 x 1440. But the page is still slow. Please check it here: https://www.travelcloseup.de/volunteering-with-elephants/

    I tried to install a plug in that uses lazy load but whenever I do this it messes with the theme. On the mobile version the page is not displayed correctly anymore.

    I really don’t know what to do but this is really frustrating. Is there anything I could do to serve better image sizes? As said, I uploaded the images in 1920 x 1440 and only create the thumbnails that are requested by the theme and WordPress.

    Thanks so much 🙁
    Celia

    #4158
    ME
    Participant

    Hello, is the support still there?

    #4183
    ME
    Participant

    Hello? Someone there?

    #4224
    Paul
    Keymaster

    Hello Celia,

    I believe you’ve figured this out as currently the lazy loading on https://www.travelcloseup.de/volunteering-with-elephants/ works like a charm.

    Anyway, I wanted to let you know that HTML now natively supports lazy loading, and I will introduce it to these galleries in the next theme update. However, frankly speaking, what you currently have is even better.

    Regards,
    Paul

    #4239
    ME
    Participant

    Hello Paul,

    unfortunately not. If you got to my page on the mobile version and pick Bookshelf you will see what I mean. The plug in messes with my theme and the page is not shown correctly. I have this issue for months now and I really hope your update will help. I wasn’t able to solve it. So currently it is either the decision to have a slow, but correctly displayed layout or good loading speed but messed up layout. Still very frustrating since I did not hear back for months what the solution could be….

    Celia

    #4307
    Paul
    Keymaster

    Hello Celia,

    Narrator 1.3.5 update is now available on ThemeForest. It has the loading=’lazy’ attribute in Narrator Gallery Block images, which adds browser-native support for lazy loading of images. You may want to check it out and see how it works for your purposes.

    Regards,
    Paul

Viewing 24 posts - 1 through 24 (of 24 total)
  • You must be logged in to reply to this topic.