Drei Werte, drei sehr verschiedene Ursachen. Wer sie verwechselt, optimiert das Falsche zuerst.
LCP: das größte Element, nicht die Seite
Der Largest Contentful Paint misst, wann das größte sichtbare Element steht — meistens das Aufmacherbild oder die Überschrift. Die häufigste Ursache für einen schlechten Wert ist kein langsamer Server, sondern ein Bild, das erst geladen wird, nachdem drei andere Dateien fertig sind.
Die wirksamste Maßnahme kostet nichts: das erste Bild oberhalb der Faltkante bekommt loading="eager", alle anderen lazy. Genau umgekehrt macht es die Voreinstellung mancher Baukästen.
CLS: Platz, der zu spät reserviert wird
Springende Layouts entstehen fast immer dadurch, dass ein Element seinen Platz erst einnimmt, wenn es geladen ist. Bei Bildern hilft ein Paar aus width und height im Markup — der Browser rechnet daraus das Seitenverhältnis und hält den Platz frei, bevor eine einzige Bildzeile da ist.
Bei nachgeladenen Hinweisen, Bannern und Einbettungen hilft nur, ihnen von vornherein eine Höhe zu geben.
INP: die Antwort auf den ersten Klick
Interaction to Next Paint misst, wie lange die Seite braucht, bis sie auf eine Eingabe sichtbar reagiert. Schlechte Werte kommen fast ausschließlich von JavaScript, das im falschen Moment läuft.
Der einfachste Gewinn ist deshalb keiner am Code, sondern am Umfang: jedes Skript, das eine Seite nicht braucht, ist der schnellste Weg zu einem guten Wert.