Was ist Parallax Scrolling?
Parallax Scrolling ist eine Webdesign-Technik, bei der während des Scrollens (Bewegen der Seite nach oben oder unten) unterschiedliche Ebenen der Webseite mit unterschiedlichen Geschwindigkeiten bewegt werden. Üblicherweise bleibt das Hintergrundbild nahezu stehen oder bewegt sich nur sehr langsam, während der Text im Vordergrund deutlich schneller nach oben “Scrollt”.
Dieser Effekt erzeugt die Illusion von räumlicher Tiefe (einen 3D-Effekt) im ansonsten zweidimensionalen Raum des Browsers.
Vorteile von Parallax Effekten
- Erzählerischer Wow-Effekt (Storytelling): Es fesselt die Aufmerksamkeit der Nutzer deutlich stärker als eine rein statische Webseite. Man wird quasi “in die Seite hineingezogen”.
- Modernität: Wenn Parallax Effekte subtil und ruckelfrei implementiert werden, strahlt die Seite höchste Professionalität und Wertigkeit aus (Premium-Look).
Gefahren von Parallax Effekten
- Performance (PageSpeed): Exzessiv und schlecht programmierte Parallax-Effekte erfordern viel Rechenleistung (JavaScript). Das kann starke Ruckler bei Geräten mit schwächerer Hardware hervorrufen und die Ladezeit dramatisch senken, was der SEO schadet.
- Motion Sickness: Zu wilde Bewegungen auf dem Schirm können bei manchen Nutzern Unwohlsein auslösen.
- Mobile Endgeräte: Auf Smartphones ist der Effekt oftmals störend. Häufig (und best practice) schaltet man rechenintensive Parallax-Effekte über CSS (Media Queries) für Smartphone-Nutzer komplett ab.