vuetelemetry - Front-End, JavaScript & Webentwicklung

Globaler Error Handler in Vue 3: Was app.config.errorHandler abfängt und was ihm entgeht
gzip vs. Brotli: Was der Unterschied wirklich wert ist, und warum ein Drittel der öffentlichen Websites gar nichts komprimiert
JavaScript-Ausführungszeit reduzieren: weniger ausliefern, dann verschieben, dann aufteilen
cdnjs, jsDelivr oder unpkg: Was sie wirklich unterscheidet, seit der Browser-Cache partitioniert ist
Der kritische Rendering-Pfad: Warum der Browser noch nicht zeichnen kann
Render-blockierende Ressourcen: was wirklich blockiert, und warum async nicht die Lösung ist
Globaler Error Handler in Vue 3: Was app.config.errorHandler abfängt und was ihm entgeht

Leitfäden

Felddaten und Labordaten: warum Lighthouse 100 anzeigt und die Search Console widerspricht

Leitfäden

Was ist der Speed Index? Die Metrik, die das ganze Füllen misst, nicht einen Moment

Leitfäden

Was ist Total Blocking Time (TBT)? Die schwerste Metrik im Lighthouse-Score

Leitfäden

Was ist First Contentful Paint (FCP)? Die Metrik, die kein Core Web Vital ist

Aktuelles

Nuxt 3 ist seit dem 31. Juli 2026 am Ende seines Lebenszyklus. Was sich wirklich ändert

Leitfäden

OpenTelemetry in einer Vue-App: Was heute funktioniert und was noch experimentell ist (2026)

Leitfäden

Was ist Hydration? Der Schritt, der servergerendertes HTML interaktiv macht

Stacks

Vue gegen Svelte: Beide nutzen einen Compiler, und das verändert den Vergleich

Leitfäden

Felddaten und Labordaten: warum Lighthouse 100 anzeigt und die Search Console widerspricht

Leitfäden

Was ist der Speed Index? Die Metrik, die das ganze Füllen misst, nicht einen Moment

Leitfäden

Was ist Total Blocking Time (TBT)? Die schwerste Metrik im Lighthouse-Score

Leitfäden

Was ist First Contentful Paint (FCP)? Die Metrik, die kein Core Web Vital ist

Aktuelles

Nuxt 3 ist seit dem 31. Juli 2026 am Ende seines Lebenszyklus. Was sich wirklich ändert

Leitfäden

OpenTelemetry in einer Vue-App: Was heute funktioniert und was noch experimentell ist (2026)

Leitfäden

Was ist Hydration? Der Schritt, der servergerendertes HTML interaktiv macht

Stacks

Vue gegen Svelte: Beide nutzen einen Compiler, und das verändert den Vergleich

Leitfäden

Globaler Error Handler in Vue 3: Was app.config.errorHandler abfängt und was ihm entgeht

Von vuetelemetry

Leitfäden

gzip vs. Brotli: Was der Unterschied wirklich wert ist, und warum ein Drittel der öffentlichen Websites gar nichts komprimiert

Von vuetelemetry

Leitfäden

JavaScript-Ausführungszeit reduzieren: weniger ausliefern, dann verschieben, dann aufteilen

Von vuetelemetry

Leitfäden

Vue 3: Composition API oder Options API, wofür jede wirklich gedacht ist

Werkzeuge

cdnjs, jsDelivr oder unpkg: Was sie wirklich unterscheidet, seit der Browser-Cache partitioniert ist

Von vuetelemetry

Leitfäden

Der kritische Rendering-Pfad: Warum der Browser noch nicht zeichnen kann

Von vuetelemetry

Leitfäden

Render-blockierende Ressourcen: was wirklich blockiert, und warum async nicht die Lösung ist

Von vuetelemetry

Top Themen

Globaler Error Handler in Vue 3: Was app.config.errorHandler abfängt und was ihm entgeht
- Leitfäden
app.config.errorHandler ist in drei Zeilen eingerichtet. Die eigentliche Arbeit: die sieben Quellen kennen, die er abdeckt, verstehen, warum sein drittes Argument im Produktionsbuild zu einem Code wird, wie onErrorCaptured ihn stummschalten kann und welche Fehler nur der Browser meldet.
gzip vs. Brotli: Was der Unterschied wirklich wert ist, und warum ein Drittel der öffentlichen Websites gar nichts komprimiert
- Leitfäden
Brotli komprimiert Text besser als gzip, mit einem echten, aber kleineren Abstand, als das Marketing nahelegt. Der wichtigere Befund liegt woanders: Von 336 gemessenen öffentlichen Stellen senden 107 der antwortenden ihre Startseite ganz ohne Kompression.
JavaScript-Ausführungszeit reduzieren: weniger ausliefern, dann verschieben, dann aufteilen
- Leitfäden
Lighthouse liefert die Zahl, aber die Lösung liegt fast nie im eigenen Code. Der Großteil der Ausführungszeit entfällt auf Abhängigkeiten, die laufen, bevor überhaupt etwas sichtbar ist. Drei Schritte in der Reihenfolge, die wirklich funktioniert, und die eine Messung, die man zuerst machen sollte.

Was ist Total Blocking Time (TBT)? Die schwerste Metrik im Lighthouse-Score

Leitfäden

Was ist First Contentful Paint (FCP)? Die Metrik, die kein Core Web Vital ist

Leitfäden

Nuxt 3 ist seit dem 31. Juli 2026 am Ende seines Lebenszyklus. Was sich wirklich ändert

Aktuelles

Vue 3: Composition API oder Options API, wofür jede wirklich gedacht ist

Leitfäden
Von vuetelemetry

Die Composition API ersetzt die Options API nicht. Beide lösen unterschiedliche Probleme in unterschiedlicher Größenordnung, und die Entscheidung hängt weniger davon ab, welche neuer ist, als davon, wie Ihre Komponente wächst. Was jede leistet, wo jede an Grenzen stößt und wie Sie wählen, ohne funktionierenden Code neu zu schreiben.

OpenTelemetry in einer Vue-App: Was heute funktioniert und was noch experimentell ist (2026)

Was ist Hydration? Der Schritt, der servergerendertes HTML interaktiv macht

Vue gegen Svelte: Beide nutzen einen Compiler, und das verändert den Vergleich

Was ist CLS (Cumulative Layout Shift)? Das Core Web Vital erklärt

Was ist INP (Interaction to Next Paint)? Das Core Web Vital erklärt

Node.js 26.5 ist da: Text-Importe, Blob-Streaming und Post-Quanten-TLS (2026)

Durchstöbern die Kategorien

Stacks

Leitfäden

Werkzeuge

Alle Kategorien ansehen

Neueste Reviews

Werkzeuge

cdnjs, jsDelivr oder unpkg: Was sie wirklich unterscheidet, seit der Browser-Cache partitioniert ist

Der kritische Rendering-Pfad: Warum der Browser noch nicht zeichnen kann

Render-blockierende Ressourcen: was wirklich blockiert, und warum async nicht die Lösung ist

Felddaten und Labordaten: warum Lighthouse 100 anzeigt und die Search Console widerspricht

Werkzeuge & Stacks

cdnjs, jsDelivr oder unpkg: Was sie wirklich unterscheidet, seit der Browser-Cache partitioniert ist

Werkzeuge

Cloudflare hat cdnjs gerade auf seiner eigenen Entwicklerplattform neu gebaut, ohne eine einzige URL zu ändern. Ein guter Moment, die Wahl zwischen den drei öffentlichen JavaScript-CDNs neu zu prüfen, denn das Argument, mit dem die meisten Entwickler sie noch begründen, stimmt seit 2020 nicht mehr.

Vue gegen Svelte: Beide nutzen einen Compiler, und das verändert den Vergleich

Womit ist eine Website gebaut? So findest du den Tech-Stack heraus

Vue gegen React: Welches Frontend-Framework solltest du wählen?

AUSWAHL DER REDAKTION

Was ist Node.js? Ein klarer Leitfaden für Entwickler (2026)

Leitfäden

Node.js lässt dich JavaScript außerhalb des Browsers ausführen - auf Servern, in APIs und Build-Tools. Was es ist, wie die Event-Loop es nicht blockierend macht, seine Stärken und Grenzen und der Platz von npm.

Vue

React

Nuxt

Neueste Artikel

Vue 3: Composition API oder Options API, wofür jede wirklich gedacht ist

Leitfäden
Von vuetelemetry

Globaler Error Handler in Vue 3: Was app.config.errorHandler abfängt und was ihm entgeht

Leitfäden
Von vuetelemetry

app.config.errorHandler ist in drei Zeilen eingerichtet. Die eigentliche Arbeit: die sieben Quellen kennen, die er abdeckt, verstehen, warum sein drittes Argument im Produktionsbuild zu einem Code wird, wie onErrorCaptured ihn stummschalten kann und welche Fehler nur der Browser meldet.

gzip vs. Brotli: Was der Unterschied wirklich wert ist, und warum ein Drittel der öffentlichen Websites gar nichts komprimiert

Leitfäden
Von vuetelemetry

Brotli komprimiert Text besser als gzip, mit einem echten, aber kleineren Abstand, als das Marketing nahelegt. Der wichtigere Befund liegt woanders: Von 336 gemessenen öffentlichen Stellen senden 107 der antwortenden ihre Startseite ganz ohne Kompression.

JavaScript-Ausführungszeit reduzieren: weniger ausliefern, dann verschieben, dann aufteilen

Leitfäden
Von vuetelemetry

Lighthouse liefert die Zahl, aber die Lösung liegt fast nie im eigenen Code. Der Großteil der Ausführungszeit entfällt auf Abhängigkeiten, die laufen, bevor überhaupt etwas sichtbar ist. Drei Schritte in der Reihenfolge, die wirklich funktioniert, und die eine Messung, die man zuerst machen sollte.

cdnjs, jsDelivr oder unpkg: Was sie wirklich unterscheidet, seit der Browser-Cache partitioniert ist

Werkzeuge
Von vuetelemetry

Der kritische Rendering-Pfad: Warum der Browser noch nicht zeichnen kann

Leitfäden
Von vuetelemetry

Jede Kennzahl in Ihrem Lighthouse-Bericht liegt irgendwo auf derselben Kette: von den Bytes zum DOM, von DOM und CSSOM zum Render-Baum, vom Render-Baum zum Layout, vom Layout zum Paint. Eine späte Stufe zu optimieren ist vergeblich, solange eine frühe blockiert ist, und eine Stufe blockiert auf eine Weise, die fast niemand erwartet.

Render-blockierende Ressourcen: was wirklich blockiert, und warum async nicht die Lösung ist

Leitfäden
Von vuetelemetry

Lighthouse benennt das Audit und listet die Dateien. Es erklärt nicht, dass ein Skript ohne Attribut den Parser sofort anhält, dass async beim Ausführen weiterhin das Rendern blockiert, und dass CSS aus einem ganz anderen Grund blockiert.

Felddaten und Labordaten: warum Lighthouse 100 anzeigt und die Search Console widerspricht

Leitfäden
Von vuetelemetry

Ein perfekter Lighthouse-Wert neben einer nicht bestandenen Core-Web-Vitals-Bewertung ist kein Fehler eines der beiden Werkzeuge. Sie messen Verschiedenes, und nur eines davon meldet Google.

Was ist der Speed Index? Die Metrik, die das ganze Füllen misst, nicht einen Moment

Leitfäden
Von vuetelemetry

Der Speed Index ist die einzige der fünf Lighthouse-Performance-Metriken, die eine Kurve misst statt eines Augenblicks. Deshalb kann eine Seite einen guten LCP liefern und hier trotzdem schlecht abschneiden, und deshalb ist die Abhilfe eine andere.

Was ist Total Blocking Time (TBT)? Die schwerste Metrik im Lighthouse-Score

Leitfäden
Von vuetelemetry

TBT trägt 30 Prozent des Lighthouse-Performance-Scores, mehr als jede andere Metrik, und ist trotzdem kein Core Web Vital. Was sie zählt, warum nur der Anteil einer Aufgabe über 50 ms gemessen wird, und warum das Aufteilen Ihres JavaScripts mehr bringt als das Verkleinern.

Was ist First Contentful Paint (FCP)? Die Metrik, die kein Core Web Vital ist

Leitfäden
Von vuetelemetry

First Contentful Paint misst, wie lange ein Besucher auf nichts starrt. Was FCP als Inhalt zählt, die Schwellen gut, verbesserungswürdig und schlecht, warum es eine Diagnosemetrik und kein Core Web Vital ist, und die drei Dinge, die es tatsächlich verzögern.

Nuxt 3 ist seit dem 31. Juli 2026 am Ende seines Lebenszyklus. Was sich wirklich ändert

Aktuelles
Von vuetelemetry

Nuxt 3 erhält seit dem 31. Juli 2026 keine Sicherheitsupdates mehr. Was End of Life praktisch bedeutet, warum der Termin schon einmal verschoben wurde, der offizielle Upgrade-Befehl und die Codemods, die einen Teil der Migration für Sie erledigen.

OpenTelemetry in einer Vue-App: Was heute funktioniert und was noch experimentell ist (2026)

Leitfäden
Von vuetelemetry

OpenTelemetry kann eine Vue-App vom Document Load bis zum Fetch-Aufruf tracen, aber der Browser-Teil ist deutlich weniger gefestigt als der Server-Teil. Welche Pakete stabil sind, was Auto-Instrumentierung wirklich erfasst, die Vue-förmige Lücke, die niemand füllt, und wo die Daten landen.

Was ist Hydration? Der Schritt, der servergerendertes HTML interaktiv macht

Leitfäden
Von vuetelemetry

Servergerendertes HTML bleibt reglos, bis die Hydration Vue daran bindet. Was Hydration tut, warum createSSRApp nötig ist, die drei dokumentierten Ursachen eines Hydration-Mismatch und warum ein Mismatch eher eine stille Performance-Steuer als ein Absturz ist.

Vue gegen Svelte: Beide nutzen einen Compiler, und das verändert den Vergleich

Stacks
Von vuetelemetry

Die übliche Gegenüberstellung setzt Sveltes Compiler gegen Vues virtual DOM. Vues eigene Dokumentation nennt den Ansatz Compiler-Informed Virtual DOM. Was jeder Compiler wirklich tut, und was die Wahl tatsächlich entscheidet.

Was ist CLS (Cumulative Layout Shift)? Das Core Web Vital erklärt

Leitfäden
Von vuetelemetry

CLS ist eines der drei Core Web Vitals, neben LCP und INP. Was Cumulative Layout Shift misst, wie sein Score berechnet wird, die Schwellenwerte good, needs-improvement und poor, die häufigen Ursachen von Layout-Verschiebungen und wie man sie behebt.

Was ist INP (Interaction to Next Paint)? Das Core Web Vital erklärt

Leitfäden
Von vuetelemetry

INP hat FID im März 2024 als Core Web Vital abgelöst. Was Interaction to Next Paint misst, die Schwellenwerte good, needs-improvement und poor, warum es strenger als FID ist und wie man einen langsamen INP-Wert behebt.

Node.js 26.5 ist da: Text-Importe, Blob-Streaming und Post-Quanten-TLS (2026)

Aktuelles
Von vuetelemetry

Node.js v26.5.0 erschien am 8. Juli 2026 auf der Current-Linie. Es bringt experimentelle Text-Importe, einen Text-Stream für Blobs, Post-Quanten-TLS-Reporting und Event-Loop-Metriken. Was neu ist, was es für Ihre Apps bedeutet und die ehrlichen Vorbehalte einer Nicht-LTS-Version.

Was ist TTFB (Time To First Byte)? Was ist gut und wie reduziert man ihn (2026)

Leitfäden
Von vuetelemetry

TTFB ist die Zeit von der Anfrage einer Seite bis zum Empfang des ersten Bytes der Antwort. Was er misst, was als guter TTFB gilt (unter ~800 ms), wie er in den LCP einfließt und welche Server-, Caching- und CDN-Hebel ihn senken.

TypeScript 7 ist da: der native Go-Compiler, der 10x schneller baut (2026)

Aktuelles
Von vuetelemetry

TypeScript 7.0 schreibt den Compiler in Go neu und baut rund 10x schneller - gleiche Typen, neuer Motor. Was sich geändert hat, die echten Benchmarks (VS Code 77,8s auf 7,5s), wie du tsc heute ausprobierst, die Breaking Changes und die ehrlichen Kompromisse.

Was ist das Virtual DOM? Wie React und Vue die Seite aktualisieren

Leitfäden
Von vuetelemetry

Das Virtual DOM ist eine leichtgewichtige Kopie der Seite im Speicher, die Frameworks vergleichen (Diffing), um das echte DOM effizient zu aktualisieren. Was es ist, wie das Diffing funktioniert und warum es das deklarative Modell von React und Vue trägt.

SPA vs. PWA: Was ist der wirkliche Unterschied?

Leitfäden
Von vuetelemetry

SPA und PWA werden ständig gegeneinander ausgespielt, dabei beantworten sie unterschiedliche Fragen - die eine betrifft die Architektur, die andere die Fähigkeiten. So hängen sie tatsächlich zusammen und so triffst du die Wahl.

Was ist GraphQL? Ein klarer Leitfaden für Entwickler (2026)

Leitfäden
Von vuetelemetry

GraphQL ist eine Abfragesprache für APIs: Der Client fragt genau die Daten ab, die er braucht, beschrieben durch ein typisiertes Schema, über einen einzigen Endpunkt. Was es ist, wie es funktioniert, GraphQL versus REST und die ehrlichen Kompromisse.

Was ist eine REST-API? Ein klarer Leitfaden für Entwickler (2026)

Leitfäden
Von vuetelemetry

Eine REST-API lässt Software über HTTP mit Software sprechen, mithilfe einfacher Verben und JSON. Wie REST funktioniert, warum es skaliert, wie Frontends es nutzen, REST gegen GraphQL und was eine gut entworfene API ausmacht.

Was ist ein CDN? Content Delivery Networks erklärt (2026)

Leitfäden
Von vuetelemetry

Ein CDN (Content Delivery Network) liefert die Dateien deiner Website von einem Server in der Nähe jedes Besuchers aus und macht sie damit schneller, skalierbarer und widerstandsfähiger. Wie es funktioniert, warum es Geschwindigkeit und Sicherheit verbessert und wann du eines brauchst.

Was ist eine Progressive Web App (PWA)? Einfach erklärt (2026)

Leitfäden
Von vuetelemetry

Eine progressive web app ist eine Website, die sich wie eine installierte App verhält - offlinefähig, installierbar und schnell, aus einer einzigen Codebasis. Was eine PWA ist, wie Service Worker und Manifest funktionieren und die ehrlichen Grenzen.

Was ist Tailwind CSS? Das Utility-First-Framework erklärt (2026)

Leitfäden
Von vuetelemetry

Tailwind CSS gestaltet deine Seiten mit kleinen Utility-Klassen, die direkt in dein HTML geschrieben werden, gestützt auf ein Design-System und einen winzigen Produktions-Build. Was es ist, worin es sich von normalem CSS unterscheidet und seine ehrlichen Kompromisse.

Womit ist eine Website gebaut? So findest du den Tech-Stack heraus

Stacks
Von vuetelemetry

Neugierig, welches Framework, welcher Server oder welches Analytics-Tool eine Website antreibt? So findest du heraus, womit eine Seite gebaut ist - und was die Hinweise wirklich bedeuten.

Vue gegen React: Welches Frontend-Framework solltest du wählen?

Stacks
Von vuetelemetry

Vue und React lösen dasselbe Problem in unterschiedlichen Stilen. Hier ist ein ehrlicher, praktischer Vergleich, der dir hilft, das richtige für dein nächstes Projekt zu wählen.

Die besten Werkzeuge für Frontend-Entwickler 2026

Werkzeuge
Von vuetelemetry

Ein praktischer Werkzeugkasten für moderne Frontend-Arbeit - Editor, Build-Tool, Browser-Dev-Tools und die Hilfsmittel, die wirklich Zeit sparen. Ohne Füllmaterial, nur die Werkzeuge, die ihren Platz verdienen.

Das beste Hosting für eine Vue- oder Nuxt-App

Werkzeuge
Von vuetelemetry

Statische Vue-Seite, serverseitig gerendertes Nuxt oder vollständige Node-App? Das richtige Hosting hängt davon ab, wie dein Frontend wirklich läuft. So wählst du - und deployst ohne Überraschungen.

Was ist eine Single-Page-Application (SPA)?

Leitfäden
Von vuetelemetry

Eine Single-Page-Application lädt einmal und schreibt dann die Seite im Browser um, während du navigierst. Hier ist, was das bedeutet, warum es populär wurde und welche Kompromisse man kennen sollte.

Wie du die Core Web Vitals einer Frontend-App verbesserst

Leitfäden
Von vuetelemetry

Core Web Vitals messen, wie sich eine Seite wirklich anfühlt - Laden, Reaktionsfreudigkeit und Stabilität. Hier ist, was sie sind und konkrete Wege, sie zu verbessern, SPA inklusive.

Was ist TypeScript? Ein klarer Leitfaden für JavaScript-Entwickler (2026)

Leitfäden
Von vuetelemetry

TypeScript fügt JavaScript statische Typen hinzu, um Bugs vor dem Produktiveinsatz zu fangen. Was es ist, wie der Compiler funktioniert, die Kernfunktionen (Typen, Generics, Inferenz), TypeScript vs JavaScript und die ehrlichen Kompromisse.

Was ist Node.js? Ein klarer Leitfaden für Entwickler (2026)

Leitfäden
Von vuetelemetry

vuetelemetry - front-end, JavaScript & web development

Top Themen

Durchstöbern die Kategorien

Neueste Reviews

Werkzeuge & Stacks

AUSWAHL DER REDAKTION

Neueste Artikel

Tags