Warum ist meine Website so langsam – und kostet uns das Kunden?

Die Seite öffnet sich auf dem Bürolaptop und sieht gut aus. Dann erwähnt ein Kunde, dass sie auf seinem Handy ewig gebraucht hat, oder Sie öffnen sie selbst über mobile Daten auf einem Parkplatz und sehen zu, wie das Logo allein auf weißem Grund steht, während der Rest nachkommt. Sie suchen nach „warum ist meine Website so langsam“, starten einen kostenlosen Speedtest und bekommen eine Seite voller roter Markierungen und Fachbegriffe, die nicht sagt, was Sie eigentlich tun sollen.

Die üblichen Schlüsse: Das Hosting muss aufgerüstet oder die ganze Seite neu gebaut werden. Manchmal stimmt eines davon. Häufiger sind es wenige Ursachen, sichtbar in dem Browser, den Sie ohnehin haben, und die günstigen kommen zuerst. Eine langsame Seite ist nicht nur ein Ärgernis: Ein Besucher, der lange genug gewartet hat, um sich zu ärgern, füllt selten ein Formular aus, und das ist einer der leiseren Gründe, warum eine Seite Besucher hat, aber keine Anfragen bringt.

Warum ist meine Website so langsam: die üblichen Ursachen

Die Bilder sind viel größer als der Platz, den sie füllen. Fotos wandern direkt aus der Kamera oder der Stockbibliothek auf die Seite, um ein Vielfaches breiter als der Rahmen, in dem sie stehen, und der Browser lädt die ganze Datei herunter, bevor er sie verkleinert. Das Symptom: Die Seitenstruktur erscheint schnell, aber die Bilder füllen sich eins nach dem anderen, und auf dem Handy ist die Seite deutlich schlechter als am verkabelten Desktop.

Zu viele Plugins, Widgets und Skripte. Eine Seite auf einem CMS oder Baukasten sammelt über die Jahre Erweiterungen an: einen Slider, ein Chat-Widget, mehrere Analytics-Tags, ein Cookie-Banner, ein Buchungsmodul, das niemand mehr nutzt, ein Autoplay-Video im Header. Jede lädt ihren eigenen Code, bevor die Seite zur Ruhe kommt. Das Symptom: Die Seite arbeitet noch lange, nachdem der Text sichtbar ist, Buttons reagieren einen Moment nicht, und das Layout springt, wenn Teile nachkommen.

Der Server antwortet langsam. Bevor auch nur ein Teil der Seite erscheint, wartet der Browser auf den Server. Ein günstiger Shared-Hosting-Tarif, ein CMS, das jede Seite bei jedem Besuch neu zusammensetzt, weil Caching aus ist, oder eine Datenbank, die über Jahre gewachsen ist – alles zeigt sich gleich: einen Moment lang ein leerer weißer Bildschirm, dann alles auf einmal.

Der Besucher ist weit vom Server entfernt. Eine Seite, die in einem Land gehostet und aus einem anderen aufgerufen wird, verliert Zeit allein durch die Entfernung; zu Hause fühlt sie sich schnell an, im Ausland langsam, und zu Hause merkt es niemand. Das Symptom: Die Beschwerden kommen aus einer bestimmten Region.

Etwas auf der Seite blockiert alles andere. Eine Schriftart, die geladen sein muss, bevor irgendein Text gezeichnet werden kann, eine Karte, die auf jeder Seite eingebettet ist, ein Skript, das auf einen Drittanbieter wartet, der gerade einen schlechten Tag hat. Das Symptom: An manchen Tagen läuft die Seite gut, an anderen nicht, oder sie bleibt leer, bis ein bestimmtes Element erscheint.

Woran Sie erkennen, welche Ursache Ihre ist

Alles Folgende geht mit einem Handy, einem Laptop und den kostenlosen Werkzeugen, die Ihr Browser schon mitbringt. Gehen Sie der Reihe nach vor; die erste Prüfung, die durchfällt, ist meist Ihre Ursache.

1. Öffnen Sie die Seite auf dem Handy über mobile Daten, nicht über WLAN. Stoppen Sie grob die Zeit vom Tippen auf den Link bis zu dem Moment, in dem Sie lesen und tippen können, und wiederholen Sie das am Laptop. Ein Handy, das dramatisch schlechter abschneidet, deutet auf Bilder und schwere Skripte.
2. Beobachten Sie, was zuerst erscheint. Laden Sie neu und merken Sie sich die Reihenfolge. Ein leerer Bildschirm, dann alles auf einmal, deutet auf den Server; erst Text, dann tröpfelnde Bilder, deutet auf Bilder; springendes Layout und Buttons, die nicht reagieren, deuten auf Skripte.
3. Führen Sie einen kostenlosen Speedtest eines großen Suchmaschinen- oder Browseranbieters durch und ignorieren Sie die Punktzahl. Lesen Sie nur die Liste der größten Dateien und die vorgeschlagenen Verbesserungen: Sie benennen zu große Bilder, ungenutzte Skripte und langsame Serverantworten in klaren Worten. Testen Sie eine Leistungsseite, nicht nur die Startseite.
4. Öffnen Sie die Entwicklerwerkzeuge des Browsers im Netzwerk-Tab, laden Sie neu und sortieren Sie nach Größe. Wenn die größten Einträge Bilddateien sind, die weit größer sind als das sichtbare Bild, ist das Ihre Antwort; wenn die Liste Dutzende Skripte von Domains enthält, die Sie nicht kennen, zählen Sie die Plugins.
5. Listen Sie jedes Plugin, jedes Widget und jeden Drittanbieter-Tag auf der Seite auf und schreiben Sie daneben, wer es wofür nutzt. Nach unserer Erfahrung ist die Liste länger als erwartet, und ein Teil davon ist tot.
6. Prüfen Sie den Hosting-Tarif und die Caching-Einstellung. Melden Sie sich im Hosting-Panel an und sehen Sie nach, wofür Sie bezahlen und ob Seiten-Caching aktiv ist. Wenn Sie es nicht wissen, weiß es die Person, die die Seite gebaut hat, und die Frage kostet eine E-Mail.
7. Testen Sie aus Ihren anderen Märkten. Bitten Sie einen Kollegen im Ausland, dieselbe Seite zu stoppen, oder nutzen Sie einen kostenlosen Test, bei dem Sie den Testort wählen können.

Die Behebung, der Reihe nach

Das Günstigste zuerst. Nach unserer Erfahrung holen die meisten Seiten den Großteil ihrer Geschwindigkeit in den ersten drei Schritten zurück, ohne Neubau.

1. Bilder verkleinern und komprimieren. Exportieren Sie Fotos in der Größe, die das Layout tatsächlich nutzt, in einem modernen Webformat, und ersetzen Sie die Originale; auf einem CMS erledigt ein Bildoptimierungs-Plugin die ganze Mediathek in einem Durchgang. Das ist die häufigste Korrektur, und sie kostet einen Nachmittag.
2. Entfernen, was nicht genutzt wird. Deaktivieren und löschen Sie jedes Plugin, jedes Widget und jeden Tag, für den niemand einen Nutzer nennen konnte, fassen Sie doppelte Analytics-Tags zu einem zusammen, ersetzen Sie eine eingebettete Live-Karte durch ein statisches Bild mit Link zur Karte, und laden Sie alles unterhalb des ersten Bildschirms erst bei Bedarf nach.
3. Caching einschalten. Seiten-Caching heißt, der Server liefert eine fertige Kopie aus, statt die Seite für jeden Besucher neu zusammenzusetzen. Die meisten CMS und Hoster bieten es als Einstellung oder Plugin an.
4. Blockierende Elemente beheben. Laden Sie Schriften so, dass Text sofort in einer Ersatzschrift erscheint und später ausgetauscht wird, verschieben Sie Skripte, die der erste Bildschirm nicht braucht, nach hinten, und nehmen Sie jedes Video aus dem Header. Meist eine Entwicklerstunde, kein Projekt.
5. Die Seite näher zum Besucher bringen. Ein Content Delivery Network (CDN) hält Kopien Ihrer statischen Dateien in vielen Regionen vor, sodass ein Besucher in einem anderen Land aus der Nähe lädt. Die meisten Hoster und Domain-Dienste bieten eines an; wer über Grenzen hinweg verkauft, setzt das vor jedes Hosting-Upgrade auf die Liste.
6. Hosting nur aufrüsten, wenn der Server nachweislich langsam ist. Bleibt die Wartezeit mit leerem Bildschirm, nachdem Caching aktiv ist, ist der Tarif der Engpass. Wechseln Sie zu einem Tarif, der zum Traffic passt, nicht zum günstigsten, der technisch gerade so funktioniert.
7. Die schwersten Seiten neu bauen, nicht die ganze Website. Wenn ein Template Dutzende Komponenten auf jede Seite schleppt, reicht es oft, die wichtigsten Landingpages auf einer leichteren Struktur neu aufzusetzen. In unseren Projekten zur Website-Entwicklung ist Geschwindigkeit ein Kriterium für den Launch, und das ist der Schritt, in dem eine Seite um das herum gestaltet wird, was sie leisten muss, nicht um das, was das Theme anbietet.

Geschwindigkeit bestimmt auch, wie die Seite gefunden wird: Suchmaschinen messen dieselben Wartezeiten, die Ihre Besucher spüren, deshalb gehören die Änderungen oben zu jeder ehrlichen SEO-Arbeit. Und wenn die Seite schon lange langsam ist, sind einige Anfragen still verloren gegangen; festzuhalten, woher jede Anfrage kommt – womit unsere CRM- und Analytics-Projekte beginnen –, zeigt Ihnen, ob die Korrektur etwas verändert hat.

Was Sie messen sollten

• Zeit bis zur nutzbaren Seite auf dem Handy über mobile Daten, per Hand gestoppt, jedes Mal auf dieselbe Weise, monatlich.
• Seitengewicht und Anzahl der Anfragen für die wichtigsten Landingpages, aus dem Netzwerk-Tab, vor und nach jeder Änderung.
• Serverantwortzeit aus dem Speedtest, die Wartezeit, bevor überhaupt etwas ankommt – sie sollte sinken, sobald Caching aktiv ist.
• Absprungrate und abgeschickte Formulare auf den geänderten Seiten, in Ihrer Analytics, einige Wochen nach der Änderung gegenüber einigen Wochen davor.

Wo wir ins Spiel kommen

Ein Inhaber mit einem freien Abend, einer Entwicklerstunde und einem Hosting-Login kann das alles selbst tun. Was wir hinzufügen, ist die Reihenfolge: Bilder und Ballast vor dem Hosting, Caching vor dem Neubau, und eine Messung davor und danach, damit die Verbesserung ein Fakt ist und kein Gefühl. Wenn Sie die Diagnose lieber abgeben möchten, reicht ein kurzes Briefing mit der Adresse der Seite und den Seiten, die am meisten zählen, um zu starten.

← Alle Artikel