Do you want to disable lazy loading 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, for some websites, it may affect user experience by not displaying images and media right away.
In this video, we’ll show you how to easily disable lazy load in WordPress both using a code method as well as a plugin method.
0:00 Intro and how to find if you have lazy load active on your site
0:43 Installing and activating WPCode
1:43 Disabling lazy load using code snippet
4:01 Using the Disable Lazy Load plugin
Related Links
►Grab the code mentioned in this video https://www.wpbeginner.com/wp-tutorials/how-to-properly-disable-lazy-load-in-wordpress/
►WPCode https://wpcode.com/
Top Resources
⚡Use Promo Code WPBVIP⚡
►Best WordPress Contact Form Plugin https://wpforms.com/wpbeginner
►Best WordPress Analytics Plugin https://www.monsterinsights.com/
►Best Lead Generation Plugin https://optinmonster.com/
►Best WordPress SEO Plugin
https://aioseo.com/
►Best Theme Builder for WordPress https://www.seedprod.com/
Related Videos
►WordPress Tutorial – How to Make a WordPress Website for Beginners https://www.youtube.com/watch?v=DvbFBxKcORA
►WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor https://www.youtube.com/watch?v=JjfrzGeB5_g
►What is SEO and How Does it Work? https://www.youtube.com/watch?v=JjfrzGeB5_g
►How to Install a WordPress Theme https://www.youtube.com/watch?v=ZIPQRQLAz90
If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner
Follow us on Twitter:
https://twitter.com/wpbeginner
Check out our website for more WordPress Tutorials
https://www.wpbeginner.com/
#WPBeginner #WordPress #WordPressTutorial
Today I'll show you how you can properly Disable lazy load in WordPress and we'll Cover two different methods so you can Pick the one that works best for you By default WordPress comes with lazy Load features and this will delay the Download of an image or a media for Improving their page load speed the Problem is some websites it actually Messes it up and affects the user's Experience by not displaying the images Or the media in a right way and you can Tell if your site is having lazy load This is our website You can right click and click inspect to See this and you can just search for Lazy or loading And you see that it says that it's Loading equals lazy and that's how you Know that it's doing a lazy load The first method we're going to do is by Using Code which is okay I promise it Will will actually have the code that You can use so it'll be very easy for You to do now you can put this bit of Code in say your functions.php page or Something like that problem with that is If you change themes or if there's Something wrong with it then you're not Really sure what you just did that's why We always recommend using something like WP code it's a plugin that allows you to Add bits of code to your website so you Can reduce the amount of plugins that
You need on your site also allows you to Just keep all of this code in one Location so we can go to plugins add new And we're going to search for WP code This is the one we want it used to be Called insert headers and Footers and You might have this on your site because It's one that we recommend all the time So you want to click install and go Ahead and activate the plugin as well Once it's activated you either see it Here we can go to code Snippets or if You ever need to come back from your WordPress dashboard you now have code Snippets right here so we can go here And I'm just going to go to code Snippets to show you what we see so you See right here I have a couple that Already have enabled from a previous Video you can come up here and click add New And these are all of the code Snippets That are already here and so this is Where I'm saying that you can replace a Lot of other plugins by just having all This bits of code if you need to say Completely disable comments here you can Do that by using this bit of code if you Don't like automatic updates happening You can do that here so many things that You can do with this there's Automatically 46 of them at the time of This video and showing you all the Different types of Snippets that you can
Do but for this one we're going to Create a custom code so we're going to Say add your own code snippet say use Snippet And I'm going to give it a name and just Say disable lazy load it's always good To give it something that you understand What you're coming back to understand What you did so lazy load and over on The right we need to change this to PHP Snippet And I'll have a link in the description Below for the tutorial the written Tutorial that has this bit of code in There that you'll want to take and put In here and this is just adding a filter Just saying let's turn off that lazy Load feature clean it up a little bit Now we have that in here we want to Scroll down and I'll show you where do You want to insert this because we want This to go across everything on our site We're going to keep it at Auto insert And let it run everywhere Once we're happy with that we want to Come up to the right and say let's go Ahead and activate this and let's go Ahead and save it Now everything on our site should be Disabled and the fastest way to do that Is I'm going to open up my site in a new Tab And I was on this page We can right click inspect
And I'm going to control F to start Searching for lazy And now we don't have that lazy load is No longer coming up where it was before So lazy load is disabled Now method two is using a another plugin As I mentioned WP code allows you to Remove multiple plugins and so you can Reduce the number of plugins on your Site but you can also just add a plugin And this plugin is specifically for Doing this it's called disable lazy load Plugin I'm going to set this to inactive We'll go back to our site so I can show You that we have lazy load happening Again And you see loading lazy is back on There so now we need to add a plugin Instead so go back to plugins add new And this time we're going to search for Disable lazy load This is the one we want so let's go Ahead and install it We'll activate it and that's all you Need to do it works out of the box Show you what it does if we go back to This one go back to my inspect Do Ctrl F to search for lazy and again There's no more lazy load on any of the Pictures And if you want to see a little bit more Of what WP code can do for you watch This video next as I walk you through How to add headers and footer scripts in
WordPress and I'll see you over there
