We’ve said it time and again: site speed is a crucial aspect of your SEO. That’s why we often write about site speed tools, speed optimization, and other things you need to know to make your site lightning fast. One factor in site speed is image optimization: on most sites, images will play a part in loading times. So, giving your image SEO some thought will pay off.
Besides resizing and compressing your images to improve loading times, there’s the option to implement ‘lazy loading’ on your site. Lazy loading means that an image or object on your site doesn’t load until it appears in your visitor’s browser. For example: if a page has 8 images, only those that appear ‘above the fold’ load right away, while the others load as the user scrolls down. This can significantly improve speed, especially on pages that contain a lot of images. There are several plugins you can use to add lazy loading to your WordPress site. But is there really no catch? Will Google still index all your images?
MaAnna emailed us, wondering exactly that:
I’m testing the lazy load image function in WP Rocket. In online testers like WebPage Test, the waterfall doesn’t show the images loading, but when I do a Fetch and Render in Google Search Console all images on a page are shown. Can Google deal with lazy load and still index our images, as Fetch and Render seems to indicate?
Watch the video or read the transcript for the answer!
Can Google deal with Lazy Load?
“Yes, it can. It renders the page, it waits a bit and it scrolls down the page a bit to generate all the events that it needs to generate to make sure that it has loaded the entire page.
So yes, it can deal with that. You’re very fine using something like that lazy load image function. Google actually has code itself as well, in which it promotes the lazy loading of images because it really enhances people’s experience because pages get faster using lazy load. So, by all means, do use it. Use it well. Good luck!”
Read more: Does site speed influence SEO? »
Ask Yoast series
In the Ask Yoast series, we answered SEO questions from our readers. Check out the other questions!
Check out our must read articles about Technical SEO
This is the ONLY tutorial you'll need to hugely increase your search engine traffic by improving your WordPress SEO. Want higher rankings? Read on!
The canonical URL allows you to tell search engines that certain similar URLs are actually one and the same. Learn how to use rel=canonical!
This guide discusses what hreflang is, what it is for and gives in-depth information on how to implement it for your multilingual websites.
The robots.txt file is a file you can use to tell search engines where they can and cannot go on your site. Learn how to use it to your advantage!