Mit jQuery Unveil lassen sich Bilder nachladen, wenn sie im Viewport sichtbar werden. Wie das Jquery PlugIn funktioniert, könnt Ihr bei der T3N nachlesen: zum jquery Unveil / Lazyload Artikel.
Hier möchte ich Euch beschrieben, wie Ihr das JavaScript PlugIn in Eure TYPO3 Webseite einbauen könnt.

1 {
			layout {
				lazyload {
					element (
					  <img src="fileadmin/Templates/Img/Blank.gif" class="img-responsive lazyload" ###SOURCECOLLECTION######PARAMS######ALTPARAMS######SELFCLOSINGTAGSLASH###>
					  <noscript>
					   <img src="###SRC###" ###PARAMS######ALTPARAMS######SELFCLOSINGTAGSLASH###>
					  </noscript>
					)
					source = data-###DATAKEY###="###SRC###"
					source.noTrimWrap = ; ;;
					source.noTrimWrap.splitChar = ;
				}
			}

			sourceCollection >
			sourceCollection {
				src {
					dataKey = src
				}
				small {
					width = 320

					srcsetCandidate = 600w
					mediaQuery = (max-device-width: 600px)
					dataKey = small
				}
				smallRetina >
			}

		}

Wichtig ist, dass Ihr ein „Blank – Image“ mit einbaut.

Das JavaScript wird soweit schon auf der T3N Seite beschrieben, aber das sieht dann so aus:

    $(document).ready(function() {
    $(".lazyload").unveil();
    })