2

I have a very image-rich site. To conserve bandwidth for users, I would like to lazy-load images as they enter the view-port. There are assorted jQuery plugins and similar that accomplish this. This comes at the price of placing the actual image url, not in the src attribute but someplace else. This makes the markup less nice, and worse, less intelligible for search engine crawlers.

Is there way to have both lazy image loading and semantic, search-engine-friendly markup?

friism
  • 19,068
  • 5
  • 80
  • 116

2 Answers2

0

You do not need to put src of image somewhere else. There are a no. of plugins available. Check the following link http://www.appelsiini.net/projects/lazyload

Harpreet
  • 709
  • 5
  • 14
  • 1
    That's not correct, the plugin you link to uses a placeholder in `src` and the actual url in the `data-original` attribute. – friism Apr 16 '13 at 05:38
  • 1
    Oh I see, Check this link if it could help you: http://webmasters.stackexchange.com/questions/26190/is-this-a-good-approach-to-image-lazy-loading-for-seo – Harpreet Apr 16 '13 at 06:23
0

Note that now <img loading="lazy" is standardized, so you can just keep src as the actual source and everything works perfectly with semantics, more details at: How do you make images load lazily only when they are in the viewport?

Ciro Santilli OurBigBook.com
  • 347,512
  • 102
  • 1,199
  • 985