- This topic has 7 replies, 2 voices, and was last updated 1 year ago by David.
March 26, 2020 at 10:48 pm #1211475Tim
Medium has that nice tiny base64 image with CSS blur effect to put in place before a full image is loaded.
Is there a plugin or best practice method for implementing that with GP ?
TimMarch 27, 2020 at 6:03 am #1211808DavidStaffCustomer Support
not sure about that particular effect but you may want to check some of the lazy loaders out there, or those that are part of a cache/optimization plugin …..
Couple of caveats:
The majority of these plugins seem to only work on page initial load, which can lead to missing images when using Infinite Load / Load more that uses Ajax ( like the GP Blog and WP Show Posts does )….
You want one that allows you to omit images by filename or CSS class so they don’t mess with your logos and other static branding.March 27, 2020 at 8:45 pm #1212593Tim
Thank you for the heads up on the caveats to look out for.
When I first started researching this feature I found one nice write-up on how to get the lazy load and blur-up without using a plugin:
I was also considering the Optimole plugin https://wordpress.org/plugins/optimole-wp/ but it will take some further investigation to see if it is a good fit.March 28, 2020 at 7:24 am #1212942DavidStaffCustomer SupportMarch 28, 2020 at 9:42 pm #1218034Tim
Yes, I’m not sure what the implications of maintaining the code would be. Do you foresee any potential issues with it ?March 29, 2020 at 6:38 am #1218361DavidStaffCustomer Support
Nothing jumps out immediately – but you’re changing the standard behaviour of how images are output and filtering the_content() which does introduce possible conflicts with how other plugins/functions operate…..March 30, 2020 at 3:56 am #1219287Tim
Yes, perhaps a can of worms running down a rabbit hole situation that I would rather avoid. 🙂March 30, 2020 at 6:45 am #1219426
- You must be logged in to reply to this topic.