Lazy Loading ist eine super Sache, weil eine Webseite dadurch flotter aufgebaut wird.
Ohne Bilder schauen Seiten aber nicht gerade schön aus, daher braucht es einen Platzhalter, bis das Originalbild geladen wurde.
Dafür gibt es einige Bibliotheken, Plugins und Funktionen.
Ein interessanter Ansatz wäre es, das Bild durch ein SVG zu ersetzen. Also einfach durch ein paar Textnodes, Vektorgrafiken.
Ein Gedankenexperiment findet sich hier:
Inline SVGs as placeholders + lazy load image = awesomeness. See @mikaelainalem's codepen on https://t.co/1FspskMMe8 pic.twitter.com/8puWqrXj9b
— José M. Pérez (@jmperezperez) October 17, 2017
SVG-Platzhalterbilder
SVG als Platzhalter – again
- https://medium.freecodecamp.org/using-svg-as-placeholders-more-image-loading-techniques-bed1b810ab2c
