Website-Performance: Eine leistungsoptimierte Website erstellen
4 Min. Lesezeit
Website-Seiten, die relevante und strukturierte Inhalte enthalten, haben in der Regel eine bessere Ladezeit und bieten ein reibungsloseres Erlebnis für Website-Besucher.
Während du deine Website erstellst, kannst du zahlreiche Design-Tipps, wie beispielsweise die Optimierung des Bereichs „Above the Fold“ (über der Falz) und die Erstellung von speziellen Seiten, befolgen, um die Leistung deiner Seiten zu verbessern.
In diesem Artikel erfährst du mehr über folgende Themen:
Tipp:
Wir empfehlen, der Startseite besondere Aufmerksamkeit zu schenken, da dies in der Regel die erste Seite ist, die deine Besucher sehen.
Reihenfolge, in der Elemente geladen werden
Die Elemente auf deiner Website werden in einer bestimmten Reihenfolge geladen. Elemente, die statisch oder niedrig aufgelöst sind, werden schneller geladen als schwere oder interaktive Elemente.
Die Reihenfolge, in der Elemente auf deiner Website geladen werden, ist:
- Statisch: Elemente mit geringer Auflösung, die generell nicht animiert sind, zum Beispiel Text und Formen.
- Fließend: Elemente, die inhaltslastig sind und eine höhere Auflösung haben können, wie zum Beispiel Bilder oder Videos.
- Interaktiv: Inhalte, die interaktiv sind und externen Code enthalten können, wie zum Beispiel iFrames und Apps von Drittanbietern.
Behalte die Ladereihenfolge im Hinterkopf, wenn du deine Website strukturierst und Inhalte hinzufügst. Wir empfehlen, Elemente, die am schnellsten laden, in den „Above the Fold“-Bereich, da dies der erste Inhalt ist, der angezeigt wird, wenn ein Besucher deine Website öffnet.
„Above the Fold“ (Über der Falz)
Der „Above the Fold“-Bereich deiner Website ist der Bereich, den Besucher sehen können, ohne scrollen zu müssen, und ist normalerweise der erste Teil deiner Website, der geladen wird.
Wir empfehlen, wenn möglich, nur notwendige statische Elemente hinzuzufügen, und das Design dieses Abschnitts einfach und relevant zu halten.
Die Elemente, die im Bereich „Above the Fold“ angeordnet werden sollten, sind:
- Text: Text gibt deinen Besuchern eine klare Vorstellung davon, worum es auf deiner Website oder Marke geht. Darüber hinaus kann er von Suchmaschinen indexiert werden und kann die SEO deiner Website verbessern. Wir empfehlen, die Systemschriftarten beizubehalten und eine übermäßige Verwendung verschiedener Schriftarten oder Schriftstärken zu vermeiden. Mehr über Text-Optimierung auf deiner Website erfahren
- Aktionsaufrufe: Aktionsaufrufe sind Buttons und Links, die den Besuchern helfen, eine gewünschte Aktion auf deiner Website auszuführen, z. B. einen Kauf zu tätigen oder deine Unternehmen zu kontaktieren. Aktionsaufrufe sollten klar definiert sein und wir empfehlen, keine Elemente in ihrer Nähe hinzuzufügen, die deine Website-Besucher ablenken könnten.
Galerien, Videos und Animationen
Fließende und hochauflösende Elemente können Bewegung und Leben in deine Website bringen. Du kannst allerdings die Ladezeit der Website erhöhen und sich daher auf die Leistung auswirken.
Wir empfehlen, auf diese Elemente zu achten. Verwende sie nur, wenn es unbedingt nötig ist und versuche, sie nicht oben im „Above-the-Fold“-Bereich deiner Website hinzuzufügen.
Spezielle Seiten & Seitenlänge
Wix bietet eine Vielzahl von Apps, die du zu deiner Website hinzufügen kannst, darunter Wix Stores, Wix Blog und Wix Video.
Wir empfehlen, für diese Apps eigene Seiten einzurichten, die nicht die Startseite der Website sind. Dadurch wird verhindert, dass deine Startseite überlastet wird, was sich auf die Ladezeit auswirken kann. Du kannst dann von deiner Startseite aus auf diese speziellen Seiten verlinken, indem du Elemente wie Buttons, Menüelemente und Links verwendest.
Das Hinzufügen spezieller Seiten kann auch die Seitenlänge verringern. Das ist die Anzahl der Bildschirmlängen, durch die ein Besucher scrollen muss, um eine Website-Seite vollständig anzusehen. Wir empfehlen, dass die Länge der Seite acht Bildschirmlängen nicht überschreitet, indem du nur die erforderlichen Komponenten hinzufügst und die Verwendung von Aktionsaufrufen optimierst.
Buttons
Buttons sind eine großartige Möglichkeit, Inhalte in deiner Vorschau anzuzeigen, ohne die Website-Leistung zu beeinträchtigen.
Füge statische Elemente auf deiner Startseite ein (z. B. Text), die den Besuchern einen Eindruck von der Website vermitteln, und füge einen Button oder Links hinzu, die auf die entsprechenden Seiten verlinken. Einige Beispiele sind „Zum Blog”, „Mehr anzeigen”, oder „Jetzt einkaufen”.
War das hilfreich?
|