Bad Practices für Websites

Bad Practices für Websites

47

2 min.

Slider im ersten Abschnitt und Verzögerung beim Rendern

Die Platzierung eines Sliders im ersten Abschnitt verschlechtert die Metrik LCP (Largest Contentful Paint) erheblich. Der Browser muss zunächst das JavaScript laden und initialisieren und erst danach den Hauptinhalt rendern, was zu einer sichtbaren Verzögerung führt.

Aus Sicht der Benutzerfreundlichkeit behindert der automatische Wechsel der Slides die Informationsaufnahme. Oft hat der Nutzer nicht genug Zeit, den Text auf einem Slide zu Ende zu lesen, bevor dieser durch einen anderen ersetzt wird. Dies führt zu kognitivem Unbehagen und mindert das Vertrauen in die Website, da die Kontrolle über die Benutzeroberfläche verloren geht.

Automatische Wiedergabe von Videos mit erzwungenem Ton

Die Richtlinien zur automatischen Wiedergabe moderner Browser (Chrome, Safari) blockieren den Audiostream bis zum ersten bewussten Klick des Nutzers, der Versuch, diese Einschränkungen technisch zu umgehen, führt häufig zu Fehlern in der Konsole und einer fehlerhaften Funktion des Media-Players.

Psychologisch gesehen kann ein plötzlicher Ton den Nutzer abschrecken, was zu einem sofortigen Anstieg der Absprungrate führt, der Nutzer wird eher den Tab schließen, als nach der Stummschalttaste zu suchen, insbesondere auf dem Smartphone.

Kritische Seitengröße (> 5 MB)

Das Überschreiten der Schwelle von 5 MB stellt eine übermäßige Belastung dar, die den Arbeitsspeicher des Geräts und den Prozessor beim Parsen der Daten überlastet. Auf mobilen Geräten führt dies zu einer langen Time to Interactive (TTI): Die Seite ist zwar sichtbar, aber die Benutzeroberfläche reagiert nicht auf Berührungen.

Die Hauptursachen sind in der Regel nicht optimierte Grafiken, die keine modernen Formate (WebP, AVIF) nutzen, sowie überflüssiger Code. Unter den Bedingungen des mobilen Internets macht eine solche Dateigröße die Website für einen Teil der Zielgruppe praktisch unzugänglich.

Der Artikel wird ergänzt werden

Ähnliche Kategorien:

Ähnliche Artikel

  • Aufbau einer React-Komponente

    Meine Vorstellung davon, wie jede React-Komponente aussehen sollte

    107

    8 min.

  • SSF-U – Einheitlicher Standard für Vollbildmodus

    Der SSF-U-Standard legt Anforderungen an die Semantik, Barrierefreiheit und Funktionslogik von Vollbildmodus fest

    37

    2 min.

  • SSA – Einheitlicher Standard für Akkordeons

    Der SSA-Standard legt Anforderungen an die Semantik, Barrierefreiheit und Funktionslogik von Akkordeons fest

    54

    2 min.

  • SSP - Einheitlicher Standard für Paginierung

    Der SSP-Standard legt Anforderungen an die Semantik, Barrierefreiheit und Funktionslogik von Paginierung fest

    59

    1 min.

  • SSPS – Einheitlicher Standard für Projektstruktur

    Der SSPS-Standard legt Anforderungen an die Struktur und Benennung von Dateien und Ordnern im Projekt fest

    169

    2 min.

  • SSG – Einheitlicher Standard für Git

    Der SSG-Standard legt Anforderungen an die Semantik, Barrierefreiheit und Funktionslogik von Git fest

    52

    3 min.

  • Alle Artikel

Kontaktieren Sie mich