Bilder verursachen Ladezeit. Wir sprechen nicht nur von Datenmenge, sondern auch von HTTP-Anfragen: jedes einzelne Bild verursacht eine neue HTTP-Anfrage, welche den Seitenaufbau verlangsamen. Statistiken zeigen, das eine Website oftmals geschlossen wird, bevor sie überhaupt geladen ist. Warum? Zu lange Ladezeit. Lazy Load hilft (nicht nur) diese Gegebenheit erfolgreich zu umgehen.

Lazy Load: Websites und Bilder auf der Überholspur

Was ist Lazy Load?

“Lazy Load” ist die Bezeichnung für eine Technik, Bilder erst dann zu laden, wenn sie gebraucht werden. Dein Besucher scroolt also über deine Website und sobald ein Bild im Viewport (der sichtbare Bereich deiner Website im Browser) erscheinen soll, wird es geladen. Nicht schon beim Seitenaufrauf.

Alternativ gibt es Lösungen, welche Bilder schon dann laden, wenn sie kurz vor dem Viewport sind. Beispielsweise 100 oder 200 Pixel. Mit hoher Wahrscheinlichkeit wird dein Besucher das Bild also gleich sehen wollen – Du hat also einen kleinen zeitlichen Vorsprung das Bild schon zu laden.

Warum ist Lazy Load wichtig?

User-Experience

Die Benutzererfahrung (neudeutsch User-Experience) wird durch Lazy Load steigen, da deine Website schlanker ist und schneller lädt. Fühlen sich die Besucher auf deiner Website wohl, bleiben sie länger und empfehlen sie öfters weiter. Bleiben sie länger, passiert was? Sie können deine Website besser erforschen, lesen mehr Inhalte und Du wirst somit relevanter für Google. Wenn deine Besucher deine Website empfehlen, passiert was? Doofe Frage…

Site-Speed

Google wird registrieren, das deine Website wesentlich schlanker ist, was nur von Vorteil ist. Google hat bereits mehrmals betont, das schlanke, schnell ladende Websites bevorzugt werden. Sicher, das ist nur ein Faktor, um in den SERPs zu steigen, aber es ist einer. Wieder einer. Und sei es nur ein Kleiner. Und demnächst optimierst Du den nächsten Punkt. Dann ist es wieder einer. Am Ende hast Du eine High-Performance-Website. Tut das alles Not? Frage Dich, was deine Mitbewerber alles tun und ob Du besser dastehen willst. Sodann, alles klar.

Traffic, Traffic, Traffic!

Ebenso erwähnenswert ist der Trafficverbrauch deines Servers. Der wird nämlich sinken. Ebenso der Trafficverbrauch jener Besucher. Bei Flatrates am Home-PC mag das noch irrelevant sein. Nicht aber unbedingt, wenn sie mit Mobilgeräten deine Website besuchen.

Und wenn die Trafficdrosseln der Internetrprovider erst einmal eingeführt sind oder diverse Netzagenturen entscheiden welche Websites bevorzugt schnell ausgeliefert werden, spätestens dann solltest Du Dir Gedanken machen, wie Du deine Website möglichst schlank hältst.

Die Zeit kommt, in welcher 80000er-DSL-Leitung zzgl. Flatrate und uneingeschränkter Nutzung der Vergangenheit angehören. Besser Du bereitest Dich schon jetzt darauf vor, statt später das böse erwachen zu bekommen.

Das Bilder von Menschen, speziell von Gesichtern eine höhere Aufmerksamkeit des Betrachters bekommen, ist bekannt. Auch bekannt ist, das die abgebildeten Emotionen mehr oder weniger “ansteckend” auf den Betrachter wirken. Was weniger bekannt ist, ist das die Blickrichtung der Personen auf Fotos maßgeblich bewirkt, wohin der Betrachter des Bildes folgend schauen wird. Dieses Wissen lässt sich gut nutzen, um die Aufmerksamkeit des Betrachters entsprechend zu lenken.

Wie man mit der Blickrichtung auf Bildern den Blick der Besucher lenkt

Du verwendest keine Bilder von Menschen?

Solltest du aber! Ob auf deiner Website, deinen Informationsprodukten oder auch in deinem Google Authorship. Wenn du das konsequent ablehnst, tust du deiner Website und deinem Traffic nichts Gutes. Spätestens nach diesem Artikel wirst du verstehen, warum du vermehrt Bilder mit Menschen bzw. Gesichtern einsetzen solltest – mindestens im Rahmen des Google Authorship – und warum du dabei auch auf die Blickrichtung der abgebildeten Person(en) achten solltest.

Aber Achtung!

Was ich hier nur kurz anreißen will, aber in einem späteren Artikel nochmals gesondert behandele: Du musst aber auch vorsichtig mit der Verwendung von Menschen sein. Leicht kann es Dir passieren, das wenndu ein Gesicht, “schlimmer” noch ein Person abbildest, welche sehr attraktiv ist, du den Leser völlig aus dem Lese-, Gedanken- und Verarbeitungsfluss raushaust. Noch schlimmer wird dies, wenn die Person auf dem Bild Dich frontal anschaut. Wenn sie dann noch lächelt… Dazu aber in einem anderen Artikel mehr.

Das psychologische Phänomen:

Du siehst eine Person, welche in den Himmel start und fragst Dich “Was gibt es dort zu sehen?” und schaust mit hoher Wahrscheinlichkeit auch. Du siehst, wie jemand erstaunt etwas betrachtet und willst selbst entdecken, was da so faszinierend ist. Bla bla bla, du verstehst welcher Mechanismus hier beschrieben ist und man könnte noch viele weitere Beispiele für diesen Mechanismus aufzählen. Du warst Dir dessen wahrscheinlich bloß noch nicht bewusst.

Der Mensch ist von Natur aus neugierig und wenn Dir jemand ein Interesse vorspiegelt, dann hast auch du Interesse, ja Neugier, um was es sich dabei handeln mag. Da schaut jemand nach links? Ja was gibt es denn da? Klingt irgendwie zu simple, funktioniert aber. Das dein Gehirn von Menschen auf Fotos animiert wird, ist dem Gehirn eigentlich völlig egal. Und auch wenn die Person in einer Grafik eingebettet ist, die Person in einem solchen Zusammenhang erkennbar nie Interesse auf Objekt daneben legen könnte – dem Gehirn ist das völlig egal. Das Gehirn hat sich innerhalb von tausenden Jahren geformt – um zu lernen das es auf digitale Bildmanipulationen nicht reagieren braucht, dazu hat es noch nicht genug Zeit gehabt.

Du glaubst mir nicht?

Kannst du aber. Was wir meist intuitiv als richtig bewerten, weil wir den Prozess einfach unterbewusst kennen, kann auch leicht durch die Nutzung von Eyetracking in Kombination mit einer Heatmap visualisiert werden.

Eyetracking

Ist eine Technologie um die Augenbewegung eines Mensch zu analysieren. Dabei werden Blickrichtung, Bewegungsgeschwindigkeit der Augen und die Verweildauer auf einzelnen Objekten analysiert. Diese Technik ist nicht ganz billig, wird aber mittlerweile umfassend eingesetzt, zum Beispiel eben im Bereich Marketing. Unternehmen wollen wissen was Aufmerksamkeit auf sich zieht, wie Einkaufsläden, Cockpits in Fahr- oder Flugzeugen, Werbeanzeigen oder eben Internetseiten gestaltet werden müssen, damit der Betrachter eben nicht zu sehr abgelenkt wird bzw. um die Aufmerksamkeit gezielt zu steuern.

Heatmaps

Heatmaps (frei übersetzt mit Hitzekarten) bilden eine sehr gute Möglichkeit die Ergebnisse des Eyetracking (aber auch des Clicktracking) abzubilden. Die Grundlage der Karte ist die zu betrachtende Grafik, ein Bild oder ein Video. Umso mehr bzw. umso länger eine bestimmte Stelle des Bildes betrachtet wird, umso mehr “Hitze” entsteht und der betreffende Bereich wird eingefärbt. Das Farbspektrum reicht dabei meist von Grün (wenig Aufmerksamkeit) bis zu Rot (viel Aufmerksamkeit).

Und beides in Kombination

In Kombination mit beiden Techniken lässt sich schnell feststellen, welche Elemente wie viel Aufmerksamkeit bekommen. Schon allein dies ist sehr interessant. Noch viel interessanter wird es allerdings, wenn mit Hilfe von Eyetracking und Heatmaps Bilder von Menschen analysiert werden. Was man somit feststellen konnte: wo die Menschen auf den Bildern hinschauen, da schaust folglich auch du hin.

Du glaubst mir immernoch nicht?

Bevor ich jetzt massenweise Urheberrechtsverletzungen tätige, weil ich hier alle möglichen Bilder aus Studien abbilde (muss ich recherchieren: ist das in Paraguay überhaupt wichtig?), kannst du selbst nach Beweisen dafür schauen. Beobachte Dich doch einmal selbst, wenn du Werbung mit Menschen oder nur Menschen siehst. Du wirst bestätigen können, was ich Dir sage. Du wirst den Blicken der abgebildeten Person folgen. Und du wirst die somit unterstrichene Werbebotschaft schnell anschauen.

Hat dir der Artikel geholfen?

Kannst du mir und der Neurowissenschaft zustimmen oder glaubst du, das du komplett anders funktionierst? Nutzt du bereits dieses Wissen? In wie weit hat dies bei dir Auswirkungen gezeigt? Fragen über Fragen – ich freue mich über deine Antworten!