Wir beginnen die Reise, indem wir www.ourwebsite.com eingeben. Dadurch wird eine Get-Anfrage an unseren Server gesendet, um den HTML-Code der Seite abzurufen. Unsere erste Aufgabe besteht also darin, diesen Abruf zu beschleunigen.

Dieser Schritt wird durch eine Metrik angezeigt – TTFB, Zeit bis zum ersten Byte

TTFB ist nicht die wichtigste, aber da es die erste ist, bedeutet es, dass sie alle anderen kommenden Metriken beeinflussen wird.

TTFB ist bei clientseitig gerenderten Anwendungen wichtiger als bei serverseitig gerenderten Anwendungen, da die Clientseite vollständig von den js-Dateien abhängt, die sie füllen.

Alle Websites sollten eine TTFB von 0,8 Sekunden oder weniger anstreben. Sie können die TTFB mit Lighthouse oder anderen Profiling-Tools messen. Sie wird als „Anfängliche Server-Antwortzeit“ angezeigt.

Hier sind einige Möglichkeiten, TTFB zu optimieren

• Hosting – Stellen Sie sicher, dass Sie einen guten Hosting-Anbieter haben, weisen Sie ausreichend Speicherplatz zu und konfigurieren Sie die Servereinstellungen.

• Verwenden Sie CDN zum Bereitstellen statischer Dateien, JS, HTML, CSS und Bilder.

• Ressourcen in Blöcken senden

• Senden Sie 103 Early Hints für renderkritische Ressourcen: „Der Header „103 Early Hints“ ist ein früher Antwortcode, den der Server an den Browser senden kann, während das Backend mit der Vorbereitung des Markups beschäftigt ist. Dieser Header kann als Hinweis verwendet werden Weisen Sie den Browser darauf hin, dass renderkritische Ressourcen vorhanden sind. Die Seite sollte mit dem Herunterladen beginnen, während das Markup vorbereitet wird.“ Google, web.dev