Aufgrund der wachsenden Bedeutung von Core Web Vitals konzentrieren sich Websiteinhaber und Entwickler zunehmend auf Leistung und Nutzerfreundlichkeit. Google bietet viele Tools zum Auswerten, Optimieren und Überwachen von Seiten. Nutzer sind jedoch oft verwirrt, wenn es um die verschiedenen Datenquellen und deren effektive Nutzung geht. In diesem Leitfaden wird ein Workflow vorgeschlagen, bei dem verschiedene Tools kombiniert werden, und es wird erläutert, wo und wie diese im Entwicklungsprozess sinnvoll sind.

Hier finden Sie Informationen zu verschiedenen Ereignissen im Zusammenhang mit Baseline im Februar 2025.

• Baseline 2025
• Blog

„ruby-align“ ist jetzt Teil von „Baseline“

• Baseline 2024
• Blog
• HTML

Veröffentlicht: 20. Februar 2025 Das zuverlässige Herunterladen großer KI-Modelle ist eine Herausforderung. Wenn die Internetverbindung der Nutzer unterbrochen wird oder sie Ihre Website oder Webanwendung schließen, gehen teilweise heruntergeladene

• KI und maschinelles Lernen
• JavaScript

Hier erfährst du mehr über den Ressourcenhinweis und die Verwendung von rel=prefetch.

• HTML
• JavaScript

Erfahren Sie, wie Sie Layoutverschiebungen erkennen und korrigieren können.

• JavaScript

Cumulative Layout Shift (CLS) ist ein Messwert, der angibt, wie oft Nutzer plötzliche Veränderungen des Seiteninhalts feststellen. In diesem Leitfaden geht es um die Optimierung häufiger Ursachen für CLS wie Bilder und iFrames ohne Dimensionen oder mit dynamischem Inhalt.

• HTML
• CSS

Die CSS-Eigenschaften „scrollbar-color“ und „scrollbar-gutter“ sind in allen gängigen Browser-Engines verfügbar und werden daher als „Neu verfügbar“ eingestuft.

• Baseline 2024
• Blog
• CSS

In dieser ersten Ausgabe des monatlichen Baseline-Digests geht es um Neuigkeiten bei Baseline, bei Google und in der Webentwickler-Community im Januar 2025.

• Baseline 2025
• Blog

Die WebAssembly-Speicherbereinigung und die Optimierung von Wasm-Tail-Calls sind jetzt in allen gängigen Browser-Engines verfügbar. Sie sind also als Baseline Newly verfügbar.

• Baseline 2025
• Blog
• C

In diesem Beitrag wird der LCP-Messwert (Largest Contentful Paint) vorgestellt und es wird erläutert, wie er gemessen wird

• JavaScript

Promise.try ist jetzt in allen gängigen Browser-Engines verfügbar und wird daher als neue Baseline eingestuft.

• Baseline 2025
• Blog
• JavaScript

Kurzbeschreibung

• JavaScript

Veröffentlicht: 13. Januar 2024 Dies ist der erste Teil einer dreiteiligen Reihe zu LLMs und Chatbots. Teil 2 zum Erstellen eines Chatbots mit WebLLM und Teil 3 zur Verwendung der Prompt API sind bereits verfügbar. Large Language Models (LLMs) werden

• KI und maschinelles Lernen

Veröffentlicht: 13. Januar 2024 Es gibt so viele tolle Projekte, die Sie mit KI erstellen können, mit klassischen Modellen für maschinelles Lernen und neueren Large Language Models (LLMs). Mit LLMs können Computer unter anderem neue Inhalte

• KI und maschinelles Lernen
• Blog

Sie haben den Hinweis erhalten, den Hauptthread nicht zu blockieren und lange Aufgaben aufzuteilen, aber was bedeutet es, diese Dinge zu tun?

• JavaScript

Mit der CSS-Maskierung können Sie ein Bild als Maskenebene verwenden. Das bedeutet, dass Sie ein Bild, eine SVG oder einen Farbverlauf als Maske verwenden können, um ohne Bildeditor interessante Effekte zu erzeugen.

• CSS

Datensatz „web-features“, Dashboard „Webplattform-Status“, Widget „Baseline-Status“ und mehr! Rückblick auf Baseline 2024

• Blog

In diesem Beitrag wird Lazy Loading und die Optionen für das Lazy Loading von Videos erläutert.

• JavaScript
• HTML

Das Vorabladen von Modulen bietet eine Möglichkeit, JavaScript-Module im Voraus deklarativ zu laden.

• HTML

Um die Nutzerfreundlichkeit zu optimieren, ist es wichtig zu verstehen, wie Nutzer mit Ihren Formularen interagieren. Die Browser-Autofill-Funktion spielt dabei eine wichtige Rolle. Hier erfahren Sie, wie Sie Daten dazu erheben und analysieren können, wie Nutzer die Funktion „Autofill“ in Ihren Formularen verwenden.

• JavaScript

Die Erkennung von toxischem Verhalten schützt Ihre Nutzer und schafft eine sicherere Onlineumgebung. In Teil 2 lernen wir, wie wir ein clientseitiges KI-Tool erstellen, um unangemessene Inhalte an der Quelle zu erkennen und zu beheben.

• KI und maschinelles Lernen
• JavaScript

In diesem Beitrag wird der Messwert „Total Blocking Time“ (TBT) und seine Messung beschrieben.

Eine detaillierte Anleitung zum Aufschlüsseln des LCP und Identifizierung wichtiger Verbesserungsbereiche

• JavaScript
• HTML

Eine Sammlung von Best Practices, die in Chrome als die größten Möglichkeiten zur Optimierung der Webleistung und Verbesserung der Core Web Vitals identifiziert wurden

Wichtige Messwerte für eine intakte Website

• JavaScript

Hier erfahren Sie, wie Sie die Web Vitals Ihrer Website sowohl in der Praxis als auch in einer Laborumgebung messen.

Die CSS-Eigenschaft „content-visibility“ ist jetzt als Baseline Newly verfügbar.

• Baseline 2024
• Blog
• CSS

Studien und Methodiken hinter den Core Web Vitals-Grenzwerten

Sie haben sich Ihre Felddaten angesehen und festgestellt, dass die Interaktionen langsam sind. Im nächsten Schritt erfahren Sie, wie Sie diese Interaktionen manuell testen und die Ursachen dafür ermitteln können.