-
Posts
-
Hello!
I am experiencing an issue when loading portfolio images on the site. Basically the portfolio pages load, but the 1st image of the slider takes forever to appear, leaving a large empty space for 3-4 seconds. Actually feels like the first image is loaded, but does not display until the rest of images of the easy slider are loaded.
Is there a way to force the easy slider to display the 1st image first, and then load the rest? Or any other way to get the 1st image display faster?
Thanks!
Hey nasi,
How exactly are you measuring the load speed? I checked the site you linked to, and the images load instantly on my end.
Best regards,
RikardHey Richard, thanks for looking into this.
I am sending you a link to a video so you can see what happens on my end. Everything loads fine except for the slider element in the project pages.
As you can see it is really out of a reasonable loading time.Thanks for your help!
Hi,
Thanks for the video, I believe that I found the correct page, linked below, but I’m not experiencing the same issue.
Your video looks like a lazy load issue, where the image won’t show until the page has a enteraction, perhaps from a plugin, but when I test I don’t see this.
I checked with Windows in Chrome, Firefox, & EdgeBest regards,
MikeHi Mike, thanks for your message.
We have disabled Lazy Loading in Enfold Child / Performance, and also turned off WP optimize plugin.
Yet on our end, loading time of the slider is really slow whilst the rest of the page (text and related projects) loads quite fast.I also tested adding the first image of the slider as a single image element to a portfolio item and it also loads fine, yet the slider takes forever to display the first image.
There is basically a big difference in loading time of the same image if it is placed as and image element or inside the easy slider.
Any suggestion on how to improve this will be much appreciated.
Thanks!
Nasi
Hi,
Thank you for the update.
The uploaded images are a little too big for the page or the slider. The rendered size of the slides is only 911x610px, but the uploaded images are twice the size (2240x1150px), which is too large. Please install an image compression tool and try to upload smaller images, perhaps half the current size. Also, ensure that the Enfold > Performance > Responsive Images and Lazy Loading > Responsive Images option is checked or enabled.
// https://wordpress.org/plugins/search/image+compression/
Best regards,
IsmaelHey Ismael, thanks a lot for your message!
I activated lazy loading and Responsive images, and also activated again WP-Optimize. This was deactivated to test the thumbs in Chrome, but you already solved this in another thread (sorry if both threads are overlapping).
Looking into the gallery with WP optimize activated, all images are apparently compressed (for example: The file was compressed from 2.16 MB to 612.45 KB, saving 72.33 percent, using WP-Optimize). Not sure if this is enough or I shall apply more compression?
Also, after re-activating the three elements that are intended to improve performance, loading (specially of the landing page) has increased dramatically on my end. Not sure if I am doing anything wrong when compressing the images.
I am adding credentials to the backend for you in case you want to have a look.
Your help is much appreciated, as usual!
Cheers,
Nasi
Hi,
Thank you for the update.
The file was compressed from 2.16 MB to 612.45 KB, saving 72.33 percent, using WP-Optimize). Not sure if this is enough or I shall apply more compression?
The size (612.45 KB) is still too large. We recommend resizing the images to half of the current dimensions (1120x575px) before compressing or uploading them to the gallery.
Best regards,
Ismael
- You must be logged in to reply to this topic.