[{"data":1,"prerenderedAt":68},["ShallowReactive",2],{"blog-article-\u002Fblog\u002F05-the-performance-web":3},{"id":4,"title":5,"body":6,"category":56,"cover":57,"date":58,"dateModified":57,"description":59,"draft":60,"extension":61,"image":57,"meta":62,"navigation":63,"path":64,"seo":65,"stem":66,"__hash__":67},"blog_de\u002Fblog\u002F05-the-performance-web.md","Das Performance-Web",{"type":7,"value":8,"toc":51},"minimark",[9,13,17,22,25,48],[10,11,5],"h1",{"id":12},"das-performance-web",[14,15,16],"p",{},"Ein hochwertiges Ästhetik-Design ist wertlos, wenn es vier Sekunden braucht, um auf dem Bildschirm zu erscheinen. Das „Performance-Web“ ist der Schnittpunkt, an dem atemberaubende UI auf millisekundige Ladezeiten trifft.",[18,19,21],"h2",{"id":20},"geschwindigkeit-als-feature-nicht-als-nachsatz","Geschwindigkeit als Feature, nicht als Nachsatz",[14,23,24],{},"Wenn du mit Tools wie Nuxt 4 und Vite architektierst:",[26,27,28,36,42],"ul",{},[29,30,31,35],"li",{},[32,33,34],"strong",{},"Zero-JavaScript-Hydration",": Render statischen Content nativ und hydrate nur, was wirklich nötig ist.",[29,37,38,41],{},[32,39,40],{},"Mikro-Animationen",": Setze auf CSS-basierte Bewegung — wie unser Custom Cursor — statt auf schwere JavaScript-Loops.",[29,43,44,47],{},[32,45,46],{},"Edge Rendering",": Schiebe die Berechnung zum nächstgelegenen CDN-Knoten des Nutzers.",[14,49,50],{},"Wenn deine Anwendung nicht out of the box einen 100\u002F100 Lighthouse-Score erreicht, verlierst du Conversion-Momentum, bevor der Nutzer überhaupt deine Headline gelesen hat.",{"title":52,"searchDepth":53,"depth":53,"links":54},"",2,[55],{"id":20,"depth":53,"text":21},"Engineering",null,"2026-03-12","Warum 100\u002F100 Lighthouse-Werte für Enterprise-Anwendungen nicht verhandelbar sind.",false,"md",{},true,"\u002Fblog\u002F05-the-performance-web",{"title":5,"description":59},"blog\u002F05-the-performance-web","EIIaQyJvLSImYFw6Mcx2xO0_kciOtj6lwh-oSgxK5dc",1786475987440]