...

How to Add Click to Load for GIFs in WordPress

136

Do you want to add a click to load GIF player on your WordPress website? Animated GIF images take longer to load which affects page speed and user experience. That’s why many popular blogging platforms don’t auto-load GIFs in their apps. In this article, we will show you how you can easily add click to load for GIFs in WordPress.

Adding click to load for Gifs in WordPress

Why Add Click to Load for GIFs in WordPress?

If you often add animated GIF images in WordPress, then you already know that they are way larger in size than regular images. This means they take longer to load which affects your website speed and performance.

Some websites deal with this by lazy loading images in WordPress. However, this still affects users experience because GIFs take longer to load as the user scrolls down.

Popular platforms like Tumblr and others use click to load GIF player to mitigate this problem. Instead of loading all frames in a GIF animation, they load just the first frame of the animation. A play button or GIF label on the image indicates that users can click to view the animated GIF.

Paused GIF example

That being said, let’s take a look at how you can add click to load button for GIFs on your WordPress website.

Adding Click to Load for GIFs in WordPress

First thing you need to do is install and activate the WP GIF Player plugin. For more details, see our step by step guide on how to install a WordPress plugin.

This plugin works out of the box, and there are no settings for it.

You can head over to the post edit screen to see it in action.

Add GIF button in WordPress post editor

On the post edit screen, you will notice the Add GIF button above the post editor. Clicking on it will bring up the media uploader popup where you can upload your GIF images similar to any other image.

Upload GIFs using the Add Gif button

Once uploaded, you need to click on the Insert image button to continue.

The WP GIF player plugin will now add the required shortcode in your WordPress post editor.

GIF shortcode in WordPress post editor

You can now save your post/page and click on the preview button to see your click to load GIFs in action.

All the GIFs embedded on your post will now have a button on top of them labeled GIF. Clicking on the button will load the animated GIF in the background and display it.

Click to play animated GIF

One downside of this plugin is that it only works for the new GIFs that upload. It will not add click to load for GIFs uploaded using the normal WordPress media uploader. This means all your previously uploaded GIFs will not have the click to load button.

We hope this article helped you learn how to add the click to load GIFs player in WordPress. You may also want to see our guide on how to fix common image issues in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.