Zurück zum Blog

Warum Websites auf React und Next.js bessere Ergebnisse bringen: Geschwindigkeit, Google und Conversions

Websites auf React und Next.js laden, bevor der Besucher blinzelt: Die Seiten sind im Voraus fertig, Google liest sie leichter, und die Geschwindigkeit zeigt sich in den Anfragen.

4 Min. Lesezeit
Ein Laptop und ein Telefon auf dem Schreibtisch zeigen dieselbe Website

Websites auf React und Next.js sind aus einem einfachen Grund schneller: Die Seiten werden im Voraus auf dem Server vorbereitet, sodass beim Besucher fertiger Inhalt ankommt statt eines leeren Rahmens, der sich erst füllt. In der Praxis heißt das Ladezeiten unter einer Sekunde, auch auf einem mittelmäßigen Telefon im Mobilnetz. Google misst diese Geschwindigkeit über die Core Web Vitals und belohnt sie, und Kunden belohnen sie mit Geduld: Sie bleiben.

Dieser Text ist für Unternehmerinnen und Unternehmer geschrieben, nicht für Entwickler. Kein Satz weiter unten verlangt technisches Vorwissen, und am Ende wissen Sie genau, was Sie jeden Dienstleister fragen, der Ihnen irgendeine Technologie ins Angebot schreibt.

Die Seite ist fertig, bevor jemand sie anfordert

Eine klassische Website setzt bei jedem Klick die Seite neu zusammen: Sie fragt die Datenbank, füllt die Vorlage und schickt sie erst dann los. Next.js bereitet die meisten Seiten im Voraus vor, wie eine Bäckerei, die das Gebäck vor dem Andrang backt und nicht erst, wenn die Schlange steht. Die offizielle Dokumentation nennt das Rendern auf dem Server. Der Besucher nennt es kürzer: eine Website, die sofort da ist.

In der Praxis sieht das so aus: Der Besucher klickt auf Ihre Anzeige und sieht Überschrift, Telefonnummer und Anrufbutton, bevor er den Blick vom Daumen hebt. Kein weißer Bildschirm, kein drehendes Rädchen. Ein großer Teil der Arbeit wird einmal erledigt, bei der Veröffentlichung, statt millionenfach bei jedem Besuch, und dieses Prinzip hängt nicht von der Größe der Website ab.

Der Unterschied ist im Büro nicht zu spüren, auf einem starken Rechner mit schnellem Internet. Spürbar wird er dort, wo die Kunden sind: am Telefon, unterwegs, mit zwei Balken Empfang.

Warum Google das mag

Google bewertet das Ladeerlebnis über messbare Schwellen, wie schnell der Hauptinhalt erscheint, wie schnell die Seite auf eine Berührung reagiert, wie stark Elemente beim Laden springen. Im Voraus vorbereitete Seiten passieren diese Schwellen von selbst, ohne nachträgliche Flicken und Tricks. Was Google genau misst und wie Sie Ihre Website selbst prüfen, haben wir im Text über Geschwindigkeit und Core Web Vitals aufgeschrieben.

Es gibt noch einen zweiten, seltener erwähnten Effekt. Google liest eine Website leichter, die als fertiger Inhalt ankommt, sodass neue Seiten schneller indexiert werden. Für eine Website, die vom Veröffentlichen lebt, ist das der Unterschied zwischen Sichtbarkeit in dieser und in der nächsten Woche.

Ehrlicherweise gehört auch das dazu: Die Core Web Vitals sind nicht der einzige Rankingfaktor. Der Inhalt gewinnt weiterhin. Aber bei zwei Websites mit ähnlichem Inhalt hat die schnellere den Vorteil, und Ihr Inhalt muss erst einmal geladen ankommen. Die Prüfung können Sie selbst machen: Google PageSpeed Insights ist kostenlos, Sie geben die Adresse ein, bekommen eine Bewertung, vergleichen Ihre Website mit zwei Wettbewerbern und wissen in fünf Minuten, ob Sie ein Problem oder einen Vorteil haben.

Ein Telefon auf einem Holztisch zeigt eine Website, daneben ein zweites Telefon und eine Tasse Kaffee

Geschwindigkeit, die der Kunde spürt, in Geld

Jede Sekunde Wartezeit nimmt einen Teil der Besucher mit, und zwar bevor sie einen einzigen Ihrer Sätze gesehen haben. Bei Werbung ist es schlimmer. Der Klick ist bereits bezahlt, also ist ein Besucher, der vor dem Laden abspringt, ein reiner Verlust, und eine schnelle Website bringt das Investierte damit doppelt zurück: über bessere Positionen und über Anzeigen, die nicht auslaufen.

Die Zahlen aus öffentlichen Untersuchungen schwanken von Studie zu Studie, aber die Richtung ist immer dieselbe: je länger das Laden, desto mehr Abbrüche, und am Telefon steiler als am Rechner. Ihre Website sieht meist ein Mensch, der steht, wartet oder geht. Deshalb behandeln wir Geschwindigkeit als betriebswirtschaftliche Kennzahl und führen sie im monatlichen Bericht, direkt neben der Anzahl der Anfragen.

Langsamkeit ist der teuerste Posten, der auf keiner einzigen Rechnung steht.

Ohne Plugin-Ballast und ohne Sicherheitslücken

Websites auf Systemen mit Dutzenden Plugins tragen eine bekannte Last: Jedes Plugin ist ein Stück fremder Code, der aktualisiert werden muss und zur Sicherheitslücke werden kann. Eine maßgeschneiderte Website auf React und Next.js enthält nur das, was sie braucht. Weniger bewegliche Teile, weniger Stellen für Defekte, weniger Wartungsstunden, die Sie bezahlen. Wo ein klassisches System weiterhin Sinn ergibt und wo eine maßgeschneiderte Lösung langfristig gewinnt, haben wir im Vergleich WordPress oder Next.js ehrlich abgewogen.

Der Wartungsrhythmus ist die andere Seite derselben Geschichte. Ein System mit vierzig Plugins verlangt jede Woche Aufmerksamkeit, denn jede neue Version irgendeines Plugins kann etwas kaputt machen. Eine Website ohne fremde Plugins wird planmäßig aktualisiert, wenn es so entschieden wird, und nicht dann, wenn ein Dritter einen Patch veröffentlicht. Weniger Flickwerk, mehr Arbeit, die man sieht.

Was Sie davon im Angebot verlangen sollten

Drei Fragen: worauf die Website gebaut wird und warum, wie sie die Geschwindigkeitsmessungen von Google bestehen wird, und was die Wartung im Jahr kostet. Unsere Antwort ist öffentlich. Websites für Kunden in Serbien und in der EU bauen wir auf React und Next.js, und die Messergebnisse zeigen wir, statt sie nachzuerzählen. Wie das im Paket mit SEO und Werbung aussieht, steht in unseren Leistungen, und das Geschwindigkeitsergebnis Ihrer künftigen Website steht in jedem monatlichen Bericht. Die Antwort „auf WordPress, wie alle" ist dabei keine schlechte Antwort, aber sie muss mit einer Erklärung der Wartungskosten und einem Plan für die Geschwindigkeit kommen, denn eine Antwort ohne Begründung heißt, dass der Dienstleister auf dem baut, was er kennt, und nicht auf dem, was Sie brauchen.

Schnelle Website, messbares Ergebnis: Angebot in 48 Stunden

Sagen Sie uns, was die Website leisten soll, und wir schicken ein Angebot mit Posten, Termin und einer Technologie zurück, die sich bei den Messungen von Google nicht entschuldigen muss.

Geschrieben vom Ember Media Team.

Ähnliche Beiträge

Alle Beiträge

Arbeitet Ihre Website so?

Wir sehen uns Website, Kampagnen und die Customer Journey an und sagen Ihnen, wo Anfragen verloren gehen und was sich zuerst zu ändern lohnt.