levo - 2:19 pm on Jan 29, 2012 (gmt 0)

Latest browsers start loading images in HTML code before DOM ready event, so you have to use a placeholder for img's src and replace it later from data-src (or some other attribute that holds the actual image URL) You can check Google's Blogger blog as example. [buzz.blogger.com...]

If you implement lazy-loading, Google and javascript-disabled visitors won't see images. Remember you can't use src attribute...

I ended up setting a cookie in javascript code, to check it on next page request. If visitor has that cookie, server sends the HTML with blank src and data-src, otherwise just sends good old src. So first page views, including bots, gets a standard page, consequent page views get lazy loading pages.

One other possible method is to use data-src and include another img tag with src enclosed in noscript tag, but that bloats the code.