What is lazy loading<\/h2>\n\n\n\n![\"bear,](\"https:\/\/stockpack.co\/blog\/wp-content\/uploads\/2020\/02\/bear-predator-zoo-stockpack-pixabay-1024x683.jpeg\")
Photo by raincarnation40<\/a> on Pixabay<\/a><\/figcaption><\/figure>\n\n\n\nLazy is a short name for optimum<\/strong>. Well, that is definitely true in tech, but it’s sometimes true in life maybe? <\/p>\n\n\n\nAnyway, what that means is to only load images when they are actually needed. For example. If your website has 10 images on your homepage, the user would download all those 10 images to see it. <\/p>\n\n\n\n
In some cases, especially on mobile, the user might not need to see any of them, so that’s a waste of his time and your server resources. If he clicks the first button and goes to the next page then he probably only needed the first image. <\/p>\n\n\n\n
Image lazy loading is eco friendly \ud83c\udf0d<\/h2>\n\n\n\n
Image lazy loading is helping save the planet. While helping your site, you are also helping the planet. How cool is that right?<\/p>\n\n\n\n
Due to the fact that some users might not read all your articles to the end (some might get the point faster), they will not load all the images. You just saved the electricity which would have been used to download that image to the user computer and to render it. Its not much, but every bit helps!<\/p>\n\n\n\n
How do you add lazy loading<\/h2>\n\n\n\n![\"Thinking\"](\"https:\/\/stockpack.co\/blog\/wp-content\/uploads\/2020\/02\/thinking-stockpack-unsplash-1024x948.jpeg\")
Photo by Melanie Dretvic<\/a> on Unsplash<\/a><\/figcaption><\/figure>\n\n\n\nThere are a ton of plugins out there that you can use to lazy load images in WordPress. <\/p>\n\n\n\n
My personal favorite is https:\/\/wordpress.org\/plugins\/a3-lazy-load\/<\/a> because you can lazy load iframes and videos as well. However, I don’t like any performance plugin as they tend to be quite complicated and bloated. I think every plugin should optimize itself, but that’s another story.<\/p>\n\n\n\nSo just install that plugin and you will get lazy loading in WordPress. That is what you need to do at this time. <\/p>\n\n\n\n
What is native lazy loading<\/h2>\n\n\n\n![\"Google](\"https:\/\/stockpack.co\/blog\/wp-content\/uploads\/2020\/02\/google-logo-screengrab-stockpack-unsplash-1024x683.jpeg\")
Photo by Christian Wiediger<\/a> on Unsplash<\/a><\/figcaption><\/figure>\n\n\n\nNative lazy loading is something Google Chrome is supporting starting with Chrome 76. <\/p>\n\n\n\n
What this means is that you will not need any specific plugin to do it, and it will work by just setting the loading<\/code> attribute. <\/p>\n\n\n\n
Lazy is a short name for optimum<\/strong>. Well, that is definitely true in tech, but it’s sometimes true in life maybe? <\/p>\n\n\n\n Anyway, what that means is to only load images when they are actually needed. For example. If your website has 10 images on your homepage, the user would download all those 10 images to see it. <\/p>\n\n\n\n In some cases, especially on mobile, the user might not need to see any of them, so that’s a waste of his time and your server resources. If he clicks the first button and goes to the next page then he probably only needed the first image. <\/p>\n\n\n\n Image lazy loading is helping save the planet. While helping your site, you are also helping the planet. How cool is that right?<\/p>\n\n\n\n Due to the fact that some users might not read all your articles to the end (some might get the point faster), they will not load all the images. You just saved the electricity which would have been used to download that image to the user computer and to render it. Its not much, but every bit helps!<\/p>\n\n\n\n There are a ton of plugins out there that you can use to lazy load images in WordPress. <\/p>\n\n\n\n My personal favorite is https:\/\/wordpress.org\/plugins\/a3-lazy-load\/<\/a> because you can lazy load iframes and videos as well. However, I don’t like any performance plugin as they tend to be quite complicated and bloated. I think every plugin should optimize itself, but that’s another story.<\/p>\n\n\n\n So just install that plugin and you will get lazy loading in WordPress. That is what you need to do at this time. <\/p>\n\n\n\n Native lazy loading is something Google Chrome is supporting starting with Chrome 76. <\/p>\n\n\n\n What this means is that you will not need any specific plugin to do it, and it will work by just setting the Image lazy loading is eco friendly \ud83c\udf0d<\/h2>\n\n\n\n
How do you add lazy loading<\/h2>\n\n\n\n
What is native lazy loading<\/h2>\n\n\n\n
loading<\/code> attribute. <\/p>\n\n\n\n