Zum Inhalt springen
Werkzeug · Bau & KI

Seiten, die in unter einer Sekunde da sind.

Next.js
Bau & KI
Was es ist

Das Gerüst, auf dem deine Website läuft. Es baut jede Seite schon fertig, bevor sie jemand aufruft — der Besucher wartet nicht, während im Hintergrund noch etwas zusammengesucht wird.

Ohne

Der Besucher sieht erst einen weißen Bildschirm, dann Stück für Stück deine Seite.

Mit

Die Seite ist da, bevor der Daumen vom Bildschirm ist.

Wie es arbeitet
  1. Jede Seite hat ihre eigene Adresse

    Ordner im Projekt werden zu Adressen im Netz. Das ist der Grund, warum Google jede Unterseite einzeln findet.

  2. Die Seite wird vorher gebaut

    Beim Veröffentlichen entsteht fertiges HTML. Der Besucher wartet nicht darauf, dass sein Gerät die Seite zusammensetzt.

  3. Bilder werden automatisch angepasst

    Jedes Bild wird in der Größe ausgeliefert, die das jeweilige Gerät braucht — ein Handy lädt nicht die Fassung für den großen Bildschirm.

  4. Nur der Code, der gebraucht wird

    Was auf einer Seite nicht vorkommt, wird dort auch nicht geladen.

Was es technisch tut
  1. Besucher ruft auf
  2. Server baut die Seite
  3. Fertige Seite
  4. Sofort sichtbar

Der entscheidende Unterschied: die Seite ist schon fertig, wenn sie beim Besucher ankommt. Sie wird nicht erst im Handy zusammengebaut.

Das Gerüst um React herum. Es baut jede Seite schon beim Veröffentlichen fertig, statt sie bei jedem Aufruf neu zusammenzusetzen — ausgeliefert wird dann fertiges HTML. Dazu kümmert es sich um Bildgrößen, Adressen und die Trennung der beiden Sprachen.

Harte Angaben
Version
16
Aufbau
vorab gebaut
Bilder
automatisch verkleinert
Sprachen
über die Adresse getrennt
So setze ich es ein
01

Jede Seite vorab fertig bauen, damit nichts nachgeladen wird

02

Bilder automatisch in der richtigen Größe ausliefern

03

Mehrsprachigkeit ohne doppelte Arbeit

Wo es nicht passt

Für eine einzelne Visitenkartenseite ist das überdimensioniert. Da reicht schlichtes HTML — das lädt genauso schnell und kostet weniger Pflege.

In der Praxis
Diese Seite

Googles PageSpeed-Messung: 100 von 100 im Tempo, 0,9 Sekunden bis der größte Inhalt sichtbar ist. Nachmessen kannst du das selbst — im Website-Check.

Nachbarwerkzeuge