Do you want to disable lazy load in WordPress?
By default, WordPress comes with a lazy load feature, which delays downloads for images and other media to improve page load speed. However, this may affect the user experience for some websites by not displaying images right away.
In this article, we will show you how to easily disable lazy loading in WordPress.
What Is Lazy Loading?
WordPress first introduced lazy loading images in WordPress 5.5. Later it extended the lazy load feature to iframes embeds (like YouTube videos, Spotify, and other embeds).
This practice helps improve your site’s performance and page speed by quickly loading content and the visible area first.
A faster website is not just good for users, but it can also improve your website rankings, as search engines like Google consider speed as an important ranking factor.
The lazy loading functionality can be seen in action by right-clicking on an image and selecting the Inspect tool in your browser.
This will split your browser screen and show you the HTML source code. From here, you’ll be able to see the “loading=lazy” attribute added to the image.
Now normally, we don’t recommend disabling lazy load due to its overall benefits for your WordPress website. Turning it off can result in slower website speed, lower conversion rates, and lower SEO rankings.
However, sometimes lazy loading can affect the user experience for some websites.
For instance, if you run a photography website where images are the most significant aspect of your content, then lazy loading them may ruin the user experience for your customers.
In other cases, you might be using a different lazy loading solution and just want to turn off the default WordPress lazy load.
That being said, let’s see how you can easily disable lazy load in WordPress.
For this tutorial, we will you a code method and a plugin method, so you can use the links below to jump to the method of your choice:
If you’d prefer written instructions, then just keep reading.
Method 1: Disable Lazy Load in WordPress Using WPCode (Recommended)
You can simply disable the lazy load feature in WordPress by adding custom code to your theme’s functions.php file.
However, keep in mind that the smallest error while adding the code can break your website and make it inaccessible.
It is the best WordPress custom code snippets plugin on the market that makes it super easy to add custom code.
Note: WPCode also has a free version that you can use for this tutorial. However, upgrading to the paid plan will give you access to features like code snippets library, CSS code type, conditional logic, and more.
Upon activation, visit the Code Snippets » + Add Snippet page from the WordPress dashboard.
From here, click the ‘Use Snippet’ button under the ‘Add Your Custom Code (New Snippet)’ option.
This will direct you to the ‘Create Custom Snippet’ page, where you can start by typing a name for your code snippet. This can be anything that will help you identify the code snippet and what it does.
After that, select ‘PHP Snippet’ from the ‘Code Type’ dropdown menu in the right corner of the screen.
Now, copy and paste the following PHP code in the ‘Code Preview’ box:
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
This is how the code will look after being pasted.
After that, scroll down to the ‘Insertion’ section. Here, simply choose ‘Auto Insert’ mode.
This will ensure that your custom code is automatically executed everywhere on your WordPress site once you activate the snippet.
Next, scroll back to the top of the page and simply toggle the ‘Inactive’ switch to ‘Active’.
After that, don’t forget to click the ‘Save Snippet’ button to save and execute your code snippet.
Once activated, this custom code snippet will disable the lazy loading feature on your WordPress blog.
You can test that by right-clicking on an image and selecting ‘Inspect’ from the browser menu.
In the HTML code for the image, the loading=lazy attribute will now disappear.
Method 2: Disable Lazy Load in WordPress Using a Plugin
If you don’t want to add code to your site, then you can use a plugin to disable lazy loading of images.
The plugin works out of the box and does not require any configuration. Once activated, it will automatically disable the lazy load feature on your website.
We hope this article helped you learn how to properly disable lazy load in WordPress. You may also want to see our beginner’s guide on how to optimize WordPress images for better page load times or see our pick of the best WordPress image compression plugins.