Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="Hansi05" data-source="post: 2554045" data-attributes="member: 32607">Hallo liebe Leute,ich habe eine mobile Webseite gebaut, die je nach Suchanfrage relativ viele Produkte untereinander auflistet. Wenn ich z.B. nach Cola suche, werden 15 Produkte gefunden. Zu jedem Produkt gibt es dann ein kleines Vorschaubild (für die mobile Webseite wurde die Auflösung schon reduziert). Damit das Datenvolumen möglichst gering bleibt, habe ich die Bilder alle als Hintergrund-Bilder geladen (dann wird beim erneuten Laden des Produktes ja auf das zwischengespeicherte Bild zurückgegriffen).Ich bin mit dem Prinzip eigentlich ganz zufrieden. Aber es kann natürlich auch vorkommen, dass ein Nutzer einen allgemeineren Suchbegriff eingibt, bei dem es dann um die 50 Bilder laden muss. Ich fände es jetzt ideal, wenn es nur die Hintergrundbilder lädt, die der User auch wirklich sieht (also dass es die Bilder erst beim Scrollen nachlädt).Entsprechend habe ich gesucht, und "<a href="http://www.appelsiini.net/projects/lazyload" target="_blank">lazy load</a>" gefunden. Das einzige Problem was ich jetzt habe: Die Bilder werden jetzt nicht mehr als Hintergrundbild geladen. Und somit müssen die Bilder bei doppelter Suchanfrage auch doppelt geladen werden (das Hintergrundbild muss halt nur einmal geladen werden).Ich habe jetzt schon mehrfach im Internet gesucht, aber irgendwie nicht das passende gefunden um eine Webseite mit relativ vielen Bilder einigermaßen "Smartphone-Freundlich" zu gestalten (bis auf das besagte reduzieren der Auflösung).Habt ihr vielleicht eine Idee, ob und wie ich das besser lösen kann? Oder habe ich vielleicht sogar schon die beste Lösung?In der Hoffnung dass ihr meine Gedankengänge versteht - und schon mal besten Dank für eure Tipps <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" /></blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung: Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?