-
Posts
-
Hello. On the mobile version of my site the first slider image takes a second or so too long to load, it loads after everything else. It only does this upon first going to the site, upon reloading the page it loads very fast with no delay. (I’m using an iPhone X.)
I made a screencast illustrating this. Before starting the vid I cleared the entire cache in the safari settings. I then start the vid and open a webpage and go to the site and the slider image is delayed. However when I open another page and go to the site again it loads all at once because it’s cached.
When I open a webpage in private browsing and go to the site the slider image is delayed. And when I open another page in private browsing and go to the site the slider image is again delayed because private browsing does not utilize caching. (I used 2 different iPhones to test this.)
I need the site to pop up all at once when a new visitor views it that doesn’t have the site cached on their browser.
I do have a caching plugin that has a “lazy load” option for images but I do not have it selected.
I had a web designer/developer that helps me a lot with technical stuff on my site look at it and he thinks “the theme itself is lazy loading images” and because of that there’s nothing he can do.
Any help as to why the initial slider image is slow to load and how to fix it would be greatly appreciated.
Thanks,
BrianHey Brian,
Thank you for using Enfold.
I need the site to pop up all at once when a new visitor views it that doesn’t have the site cached on their browser.
What is the current file size of the images used in the slider? Try to optimized the images by compressing it. There are plugins available out there that do just that. Here’s some other ways to optimize the images.
// https://kriesi.at/archives/4-key-wordpress-image-optimization-tips
And it would help if the site is fully optimized, not just the images.
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
Best regards,
IsmaelHi Ismael, thanks for the response.
I went through the two links above and followed them step by step in terms of theme settings and optimizing my images. I had already optimized my images when I initially put them on the site, but I went ahead and downloaded the shortpixel plugin and optimized all the images again with it. At completion it said the overall compression rate was 64%.
It really didn’t do much at all as my original gtmetrix pagespeed score was F(32%) with a fully loaded time of 10 sec, and after adjusting the theme settings and optimizing all the images on the site the score now is only F(39%) with a fully loaded time of 8.3 sec.
Also, my issue with the delayed first slider image on mobile still persists. To answer your question, I have 6 slider images and they range from 100kb-140kb…not very large at all for full screen slider images. The Enfold 2017 demo and other Enfold demos typically have slider images in the range of 400kb-500kb. The interesting thing is that I didn’t always have this issue, it started relatively recently.
Brian
Hi,
Thanks for the update.
That is 1.7s improvement in loading speed, which is actually huge. It may not look like it but it is. Unfortunately, site optimization is beyond the scope of support, so you may need to implement this yourself. We can only provide resources about it but we can’t help you with the actual implementation. Please follow the recommendations provided by the speed testing tool.
Best regards,
IsmaelHello again Ismael.
I realize site optimization is beyond the scope of support, but what I’m saying is that I’m not sure the issue I’m having is related to optimization.
In the last few weeks I’ve spoken w at least 5 different website designers/developers and they all say they can’t help because the delay in the first slider image is being caused by a lazy load feature built into the theme and that I should contact theme support.
I just can’t figure out why it’s happening to my site. Again, the enfold demo sites have slider images 3-4 times as large and their first one loads instantly along w the rest of the page.
Brian
Hi,
Thank you for the update.
I can’t really reproduce the issue on my end, but I can see why the page would take too long to load. There are just too many images in the your front page. You should consider minimizing the number of images because they account to almost 80% of the resources needed to load the page. That is more than 7MB out of 10MB or 194 out of 328 requests.
Best regards,
IsmaelYep, that did it, the first slider image is loading quicker now. Thanks for the help. I just had too many images loading on the homepage. I decreased the amount of gallery pics to about half and added a “Load More” button to load the other half.
On a somewhat related note…I did that yesterday and this morning noticed that the button wasn’t working on mobile (was working fine on desktop). Did a quick search of the forum and found some threads from others with the same issue. One suggestion was to clear the cache and that seemed to resolve it, at least for now. I’ll keep checking periodically to see if it happens again. Any thoughts on why the mobile Load More button wasn’t working today, or is that a question for a new thread?
Hi,
Awesome! Glad to hear that it’s now loading faster. You should consider optimizing the site even more when you have the time.
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
I’ll keep checking periodically to see if it happens again. Any thoughts on why the mobile Load More button wasn’t working today, or is that a question for a new thread?
Yes, please open a new thread for that issue if it happens again. We’ll close this thread now.
Best regards,
Ismael
- The topic ‘Slight delay in slider image loading’ is closed to new replies.