Stel­len Sie sich eine Restau­rant-Web­site vor. Das Front­end ist alles, was Sie als Gast im Brow­ser sehen und womit Sie inter­agie­ren kön­nen: das Lay­out, die Far­ben, die Spei­se­kar­te, die But­tons. Es ist der “Gast­raum”. Das Backend ist die unsicht­ba­re “Küche”. Es ist die Logik auf dem Ser­ver, die z.B. eine Tisch­re­ser­vie­rung ent­ge­gen­nimmt, sie in der Daten­bank spei­chert und eine Bestä­ti­gung zurück an das Front­end sen­det. Unse­re Front­end-Ent­wick­ler sind die spe­zia­li­sier­ten Innen­ar­chi­tek­ten und Kell­ner für den per­fek­ten Gast­raum.

Die Core Web Vitals sind drei spe­zi­fi­sche tech­ni­sche Kenn­zah­len, mit denen Goog­le ver­sucht, die User Expe­ri­ence einer Web­sei­te zu mes­sen. Sie sind ein wich­ti­ger Ran­king­fak­tor. Die drei Metri­ken sind: LCP (Lar­gest Con­tentful Paint) — Wie schnell lädt der Haupt­in­halt?, INP (Inter­ac­tion to Next Paint) — Wie schnell reagiert die Sei­te auf einen Klick?, und CLS (Cumu­la­ti­ve Lay­out Shift) — Wie sehr ver­schiebt sich das Lay­out beim Laden? Eine gute Front­end-Ent­wick­lung ist ent­schei­dend, um in all die­sen drei Berei­chen Top-Wer­te zu errei­chen.

Kom­po­nen­ten­ba­siert ist ein moder­ner Ansatz in der Front­end-Ent­wick­lung. Anstatt jede Sei­te als ein gro­ßes, mono­li­thi­sches Stück Code zu bau­en, zer­le­gen wir die Benut­zer­ober­flä­che in klei­ne, unab­hän­gi­ge und wie­der­ver­wend­ba­re Bau­stei­ne, die “Kom­po­nen­ten”. Es gibt eine Kom­po­nen­te für einen But­ton, eine für eine Such­leis­te, eine für eine Pro­dukt­kar­te. Die­se Kom­po­nen­ten kön­nen wir dann wie Lego-Stei­ne zu kom­ple­xen Ober­flä­chen zusam­men­set­zen. Das sorgt für ein kon­sis­ten­tes Design, beschleu­nigt die Ent­wick­lung und macht die War­tung der Code­ba­sis dra­ma­tisch ein­fa­cher.