Site logo

Archived topic

Which plugin or code library would best deliver the Medium site's Blur-Up effect

7 replies · Started by Tim on March 26, 2020

Viewing posts 1–8 of 8

Hello

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 ?

Thanks

Tim

Hi there,

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.

The code method is nice :) It comes down to whether you want to maintain it....
Thanks for sharing.

Yes, I'm not sure what the implications of maintaining the code would be. Do you foresee any potential issues with it ?

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.....

Yes, perhaps a can of worms running down a rabbit hole situation that I would rather avoid. :)

I hear you there :)

This archived topic is closed to new replies.