Dein Warenkorb ist leer

25.02.2021 Dropper Shorts

Let's Drop #005 - Startseite @ rollibeet.de

Die Startseite von rollibeet.de ist mit einem Flex Layout umgesetzt. Weiter unten werden via Gallery Drop Bilder von Referenzkunden gezeigt. Die Gallery nutzt dabei Lazy Loading.

Flex Layout mit Gallary Drop

Die gesamte Startseite von rollibeet.de ist mit einem umfassenden Flex Layout realisiert. Weiter unten wird ein Gallery Drop in einem Flex Layout Space integriert. Die Galerie zeigt Bilder von Referenzkunden.

Das Gallery Drop erzeugt dabei auch semantischen Markup Code (https://schema.org/ImageGallery - via Option im Drop wählbar), was die Indexierung der (größeren) Bilder vereinfachen sollte.

Übrigens: das Gallery Drop nutzt den Drop Container, um Lazy Loading zu verwenden. Die Inhalte des Drops werden vorgerendert, die Bilder der Galerie aber erst angefragt, wenn sie wirklich benötigt werden. Mehr zu Lazy Loading mit dem Drop Container: https://kreativkonzentrat.de/Lazy-Loading-Best-Pratices

Feedback & Wünsche

Unsere Let's Drops sind bewusst kurz gehalten. Wir veröffentlichen Sie auch auf unserer Facebook Seite und in der Facebook Gruppe. Wenn ihr mehr zum Beispiel wissen wollt oder selbst gute Beispiele kennt, schreibt uns gern dort oder hier.