No thumbnail use = slow homepage load
This topic contains 10 replies, has 3 voices, and was last updated by Marc Mathys 8 years, 10 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support TicketTagged: thumbnail image loading time
-
AuthorPosts
-
April 5, 2017 at 3:16 pm #372007
Hi,
I use [gd_listings post_type=”gd_place” layout=”5″ post_number=”5″ list_sort=”random” add_location_filter=false] on my homepage (www.arbolife.com/en) and the “GD > Popular Post View” widget on the directory page. Full size featured images are loaded instead of thumbnails in both instances.
Our featured images are quite large (full width) and this seriously affects the loading time of both pages. I would like to load the 300px wide version of the thumbnail, this would divide the image size by 10 at least.
I was surprised this wasn’t the standard behaviour as those thumbnails are automatically created by WordPress, why not use them. How would I go about doing this ?
Thanks,
MarcApril 5, 2017 at 5:29 pm #372060Hey Marc,
GD thumbnails are background images. In other words we don’t use img tag for thumbnails.
We use background image everywhere for responsiveness.
Ofcourse we had serious discussion before making this design decision.
Let me know if I can help in any other way.
Thanks
April 5, 2017 at 5:33 pm #372061One more thing, we use lazy load. So most likely images are loaded after page load.
April 5, 2017 at 9:11 pm #372123Hi Giri,
Yes I noticed they are background images and use lazy load… but it makes the page very sluggish, a lot of people have commented to us that it feels much slower since last week-end when we started featuring directory listings on the home page (we used to only have events and those images are all thumbnails, resized and delivered by Cloudinary).
On top of the sluggishness of the page, it pretty much kills mobile experience. Try loading our home page with an average 3G connection, one would move on to the next thing instead of waiting for the minute or more the images would take to load.
It might work with someone having 600px images, but if one uses the Supreme design with full width quality images for the parallax effect, in my opinion this solution is not workable.
How would I proceed to modify the short code [gd_listings] to always call the 300px wide thumbnail instead of the full featured image ?
Thanks for your help.
Best,
MarcApril 6, 2017 at 11:13 am #372208can you provide wp-admin and FTP and i’ll check over your site.
Thanks,
Stiofan
April 6, 2017 at 3:45 pm #372321This reply has been marked as private.April 6, 2017 at 4:56 pm #372342I can’t login to your site i keep getting
Forbidden
You don’t have permission to access /en/directory-login/ on this server.
Stiofan
April 6, 2017 at 9:43 pm #372387This reply has been marked as private.April 7, 2017 at 8:55 pm #372524Hi Stiofan,
Does the login work now ?
Thanks,
MarcApril 8, 2017 at 10:00 am #372561That works, please check now.
I have added a filter and added the below code snippet to make it use the lower res images
add_filter('geodir_use_small_list_img','__return_true');Stiofan
April 8, 2017 at 3:28 pm #372592Hi Stiofan,
Fantastic. I had to switch my medium thumbnails to 400 by 400px for better display on mobile or tablet when the thumbnail gets larger than on a desktop and regenerate my thumbnails… and now the whole thing really loads about 10x faster. I love it!
Thank you so much.
Cheers,
Marc -
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket