> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/websites-und-funnels-schneller-laden-lassen.md).

# Websites und Funnels schneller laden lassen

Eine schnell ladende Seite macht einen praktischen Unterschied: Besucher sehen den ersten Inhalt früher, können ein Formular schneller nutzen und müssen nicht warten, bis Bilder oder Schaltflächen reagieren. Diese Anleitung hilft dir, eine einzelne Website- oder Funnel-Seite systematisch zu prüfen und zu vereinfachen.

Arbeite immer mit einer veröffentlichten Seite und ändere jeweils nur einen Punkt. So erkennst du zuverlässig, welche Änderung tatsächlich etwas verbessert hat.

## Was die Ladezeit beeinflusst

Nicht jede Verzögerung hat dieselbe Ursache. In der Praxis sind meist diese Bereiche entscheidend:

| Bereich                   | Was eine Seite verlangsamen kann                                                   | Was du selbst prüfen kannst                                                             |
| ------------------------- | ---------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- |
| Bilder und Downloads      | Sehr große Bilddateien, zu viele Bilder oder große Dateien zum Herunterladen       | Größe, Format, Anzahl und sichtbaren Nutzen prüfen                                      |
| Erster sichtbarer Bereich | Hintergrundvideo, Animationen, eingebundene Werkzeuge oder viele Skripte           | Den oberen Bereich schlicht halten                                                      |
| Seitenaufbau              | Alte, versteckte oder doppelte Abschnitte sowie unnötig viele Spalten und Elemente | Nicht benötigte Bausteine entfernen                                                     |
| Eingebundene Inhalte      | Externe Formulare, Umfragen, Analyse-Skripte, Widgets oder eigener Code            | Nur Inhalte behalten, die für diese Seite wirklich nötig sind                           |
| Technische Auslieferung   | Browser-Zwischenspeicher, Domain-Verbindung und die technische Auslieferung        | Saubere Domain-Verbindung prüfen; technische Grundoptimierungen nicht unnötig verändern |

Eine gute Ladezeit bedeutet nicht, dass eine externe Messung immer denselben Spitzenwert zeigt. Entscheidend ist, ob Besucher den ersten Bereich zügig sehen und die wichtige Aktion der Seite – zum Beispiel ein Formular oder eine Terminbuchung – zuverlässig nutzen können.

## Bevor du etwas änderst

Bereite eine kleine Ausgangsnotiz vor. Sie verhindert, dass mehrere Änderungen gleichzeitig gemacht werden und das Ergebnis später unklar bleibt.

1. Öffne die veröffentlichte Adresse der betroffenen Seite in einem privaten Browserfenster.
2. Prüfe die Seite einmal selbst: Erscheinen Überschrift, Bild, Schaltflächen und Formular? Reagiert die Seite auf dem Smartphone?
3. Miss dieselbe Adresse mit einem unabhängigen Werkzeug zur Prüfung der Seitengeschwindigkeit – getrennt für Desktop und Mobilgerät.
4. Notiere Datum, Adresse, Gerätetyp und die auffälligsten Hinweise des Messwerkzeugs. Häufig sind das große Bilder, große Dateien oder Inhalte von externen Diensten.
5. Öffne anschließend den Editor genau dieser Seite.

Ein privates Browserfenster ist wichtig, weil dort weniger alte Dateien aus deinem eigenen Browser das Ergebnis beeinflussen. Prüfe außerdem, dass du wirklich die veröffentlichte Adresse misst und nicht nur eine Vorschau im Editor.

## Bilder und Downloads richtig vorbereiten

Bilder sind oft der größte einzelne Grund für eine langsame Seite. Ein Bild sollte in der Datei ungefähr so groß sein, wie es auf der Seite tatsächlich angezeigt wird. Eine sehr große Originaldatei für ein kleines Vorschaubild erzeugt unnötige Ladezeit.

Gehe Bild für Bild vor:

1. Öffne die Seite zuerst auf einem kleinen Bildschirm oder schmalen Browserfenster. So erkennst du, welche Bilder Besucher wirklich früh sehen.
2. Prüfe bei jedem Bild, ob es einen klaren Zweck hat. Ein starkes Titelbild ist meist hilfreicher als mehrere ähnliche Bilder im ersten sichtbaren Bereich.
3. Verkleinere Fotos vor dem Hochladen auf die benötigte Anzeigengröße. Lade keine riesige Datei hoch, nur damit sie später klein dargestellt wird.
4. Verwende für Fotos ein komprimiertes Fotoformat wie JPG oder WebP. Für Grafiken, die Transparenz benötigen, eignet sich in der Regel PNG.
5. Ersetze sehr große Bilder durch eine passend vorbereitete Datei und veröffentliche die Seite.
6. Prüfe danach die sichtbare Qualität auf Desktop und Smartphone. Ein Bild darf schneller laden, muss aber weiterhin klar lesbar und passend aussehen.

Dasselbe gilt für Dateien zum Herunterladen: Prüfe PDFs und andere Anhänge auf unnötig große Dateigrößen. Besucher müssen eine solche Datei nicht beim ersten Seitenaufruf laden, aber eine übergroße Datei verschlechtert trotzdem die Erfahrung, sobald sie angefordert wird.

## Den ersten sichtbaren Bereich vereinfachen

Der erste sichtbare Bereich ist alles, was ein Besucher ohne Scrollen sieht. Dort entscheidet sich oft, ob eine Seite schnell und ruhig wirkt. Halte diesen Bereich möglichst leicht und konzentriert.

Prüfe besonders diese Punkte:

* Ein Hintergrundvideo sollte nur eingesetzt werden, wenn es für die Aussage der Seite unverzichtbar ist. Verwende dann eine kurze Schleife und eine möglichst kleine Videodatei.
* Lass nicht viele Elemente gleichzeitig animieren. Bewegungen können Aufmerksamkeit schaffen, zu viele davon verzögern aber die Darstellung.
* Prüfe eingebundene Werkzeuge wie Karten, Terminansichten, Bewertungsboxen oder andere Zusatzmodule. Verschiebe sie weiter nach unten, wenn sie am Anfang der Seite nicht sofort gebraucht werden.
* Prüfe externe Analyse- und Marketing-Skripte. Jedes zusätzliche Skript kann die Ladezeit verlängern; entferne alte oder doppelte Einbindungen.
* Verzichte auf mehrere ähnliche Bilder, große Bildgalerien oder wiederholte Dekorationen oberhalb der ersten Überschrift.

Ändere nicht aus Gewohnheit alles auf einmal. Entferne oder verschiebe zuerst den Inhalt, der für den ersten Seitenaufruf den geringsten Nutzen hat, und miss danach erneut.

## Alte und doppelte Bausteine bereinigen

Auch nicht sichtbare Inhalte können eine Seite unnötig schwer machen. Sie entstehen zum Beispiel, wenn ein alter Abschnitt kopiert und später nur ausgeblendet wurde.

Öffne den Seitenaufbau und prüfe nacheinander:

1. Gibt es Abschnitte, die nicht mehr verwendet werden?
2. Existiert derselbe Inhalt doppelt, etwa ein zweites Formular, eine zweite Bildreihe oder ein älterer Hinweis?
3. Hat ein Abschnitt sehr viele verschachtelte Zeilen, Spalten und Elemente, obwohl ein einfacherer Aufbau denselben Zweck erfüllt?
4. Sind Download-Dateien oder eingebettete Inhalte noch aktuell und nötig?
5. Werden dieselben wiederkehrenden Inhalte an mehreren Stellen kopiert, obwohl ein gespeicherter, wiederverwendbarer Abschnitt ausreicht?

Entferne nur Bausteine, deren Funktion du verstanden hast. Veröffentliche danach und prüfe die Seite sofort. So verhinderst du, dass versehentlich ein wichtiges Formular, eine Navigation oder ein rechtlicher Hinweis verschwindet.

## Optimierungsoptionen im Editor prüfen

Je nach Seite kannst du in den Einstellungen zwei Optimierungsoptionen sehen:

| Option                | Wofür sie gedacht ist                                                                                           | Was du danach prüfst                                                                 |
| --------------------- | --------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
| Bildoptimierung       | Bereitet Bilder für eine schnellere Auslieferung vor                                                            | Sind wichtige Bilder weiterhin scharf genug und korrekt sichtbar?                    |
| JavaScript optimieren | Verschiebt nicht sofort benötigten Code und eingebundene Skripte, damit der erste Bereich früher reagieren kann | Funktionieren Formulare, Schaltflächen, Kalender und eingebundene Inhalte weiterhin? |

Aktiviere eine sichtbare Option nicht blind, sondern teste die veröffentlichte Seite danach immer selbst. Die Bezeichnungen können je nach Sprache der Oberfläche leicht abweichen. Wenn eine Option in deiner Seite nicht sichtbar ist, versuche nicht, sie über eigenen Code nachzubauen.

Eigener Code umfasst kleine Zusätze, die im Browser ausgeführt werden – zum Beispiel Stilregeln oder fremde Skripte. Halte solche Zusätze so kurz wie möglich. Besonders externe Widgets und mehrere Analyse-Skripte können die Seite bremsen. Verwende für Formulare und Umfragen nach Möglichkeit die direkt im Seiteneditor verfügbaren Elemente, statt eine zusätzliche externe Einbettung zu laden.

## Domain und technische Auslieferung einordnen

Einige Verbesserungen passieren technisch im Hintergrund und brauchen keine tägliche Einstellung:

* Wiederkehrende Besucher können Dateien aus dem Browser-Zwischenspeicher schneller laden.
* Eine sauber verbundene eigene Domain mit gesicherter Verbindung vermeidet unnötige Umwege beim Aufruf.
* Die Plattform verbessert die technische Auslieferung fortlaufend; kürzere technische Seitendaten sind ein Beispiel für eine Optimierung, für die du in der Regel nichts ändern musst.

Kontrolliere deshalb bei auffälligen Seiten zuerst die eigene Domain-Verbindung und vermeide unnötige Weiterleitungsketten. Ändere technische Grundeinstellungen nicht nur wegen eines einzelnen Messwerts. Arbeite zuerst an Bildern, eingebundenen Inhalten und dem Seitenaufbau – dort hast du den direktesten Einfluss.

## So misst und vergleichst du richtig

Wiederhole nach jeder einzelnen Änderung denselben Ablauf:

1. Veröffentliche die Änderung.
2. Öffne die veröffentlichte Seite in einem neuen privaten Browserfenster.
3. Teste zuerst die tatsächliche Nutzung: Startbereich, Navigation, wichtige Schaltfläche und Formular.
4. Miss anschließend Desktop und Mobilgerät erneut mit demselben Messwerkzeug.
5. Vergleiche die neuen Hinweise mit deiner Ausgangsnotiz.
6. Behalte eine Änderung nur, wenn die Seite schneller oder einfacher wird und alle wichtigen Funktionen weiter arbeiten.

Mobile Werte fallen oft schwächer aus als Desktop-Werte. Das ist normal, weil Smartphones und Mobilverbindungen andere Voraussetzungen haben. Beurteile deshalb nicht nur eine Gesamtzahl. Frage stattdessen: Erscheint die wichtigste Überschrift früh? Ist das zentrale Formular nutzbar? Reagieren Schaltflächen ohne spürbare Wartezeit?

## Wenn die Seite trotz Bereinigung langsam bleibt

Eine langsame Seite kann auch durch eine bestimmte Kombination von Inhalten oder durch eine technische Besonderheit verursacht werden. Bereite für eine gezielte Prüfung diese Angaben vor:

* die vollständige veröffentlichte Seitenadresse,
* Ergebnisse der Messung für Desktop und Mobilgerät,
* Zeitpunkt der Messung,
* die bereits geprüften und geänderten Punkte,
* den konkreten Besucherweg, der noch zu langsam oder fehlerhaft ist.

Damit lässt sich nachvollziehen, ob das Problem auf allen Seiten oder nur auf einer bestimmten Seite auftritt und welche Inhalte bereits ausgeschlossen wurden.

## Praxisbeispiel: Eine Landingpage auf Mobilgeräten beschleunigen

Eine Landingpage für ein Beratungsgespräch wirkt auf Mobilgeräten träge. Das Team misst zunächst die veröffentlichte Seite und notiert ein sehr großes Titelbild, ein Hintergrundvideo und zwei alte eingebundene Werkzeuge.

1. Es ersetzt das Titelbild durch eine passend vorbereitete, kleinere Datei.
2. Das Hintergrundvideo wird durch ein ruhiges Titelbild ersetzt.
3. Zwei nicht mehr verwendete Abschnitte und ein altes externes Skript werden entfernt.
4. Die sichtbare Bildoptimierung und JavaScript-Optimierung werden geprüft.
5. Nach der Veröffentlichung testet das Team Startbereich, Kontaktformular und Terminbuchung im privaten Browserfenster.
6. Danach misst es Desktop und Mobilgerät erneut.

Die Seite zeigt die wichtige Überschrift und den Kontaktweg früher. Das Team hält nur diese nachvollziehbaren Änderungen bei und dokumentiert sie für spätere Seiten.

## Häufige Fragen und typische Fehler

### Soll ich alle Animationen und Videos entfernen?

Nein. Entferne nur Inhalte, die keinen klaren Nutzen haben oder im ersten sichtbaren Bereich nicht nötig sind. Ein einzelnes, sinnvoll eingesetztes Element kann bleiben. Prüfe nach jeder Änderung, ob die Seite weiterhin verständlich und stimmig ist.

### Warum ist die Messung auf Mobilgeräten schlechter?

Mobilgeräte und Mobilverbindungen haben häufig weniger Leistung als ein Desktop-Computer. Deshalb ist es wichtig, beide Ansichten zu testen und auf dem Smartphone besonders den ersten sichtbaren Bereich einfach zu halten.

### Nach der Bildoptimierung ist ein Bild nicht mehr klar genug

Prüfe zuerst, ob die hochgeladene Datei groß genug für ihre tatsächliche Darstellung ist. Verwende bei Bedarf eine passend vorbereitete Datei mit ausreichender Qualität und teste sie erneut. Deaktiviere nicht pauschal die Bildoptimierung für die gesamte Seite.

### Ein Formular oder eine Schaltfläche funktioniert nach der JavaScript-Optimierung nicht

Teste die veröffentlichte Seite im privaten Browserfenster. Prüfe, ob ein externes Skript oder eigener Code beteiligt ist. Wenn die Funktion erst nach einer einzelnen Einstellung nicht mehr arbeitet, dokumentiere den Zusammenhang und stelle den funktionierenden Zustand wieder her, bevor du weitere Änderungen vornimmst.

### Ich habe viele externe Werkzeuge eingebunden

Prüfe jedes Werkzeug einzeln: Welches Problem löst es für Besucher dieser Seite? Was passiert, wenn es weiter unten steht oder entfernt wird? Behalte nur die Einbindungen, die für den gewünschten Besucherweg wirklich erforderlich sind.

## Kurzcheck vor dem Abschluss

* [ ] Die veröffentlichte Seite wurde auf Desktop und Smartphone gemessen.
* [ ] Große Bilder und Dateien wurden auf ihren tatsächlichen Nutzen und ihre Größe geprüft.
* [ ] Der erste sichtbare Bereich enthält nur notwendige Inhalte.
* [ ] Nicht verwendete, doppelte und alte Abschnitte wurden kontrolliert.
* [ ] Externe Werkzeuge und eigener Code wurden auf ihren Zweck geprüft.
* [ ] Sichtbare Bild- und JavaScript-Optimierungen wurden nach einer Veröffentlichung getestet.
* [ ] Formular, Schaltflächen und der wichtigste Besucherweg funktionieren im privaten Browserfenster.
* [ ] Jede Verbesserung wurde einzeln gemessen und nachvollziehbar dokumentiert.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/websites-und-funnels-schneller-laden-lassen.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.