Lerne, wie du deine PageSpeed und die Core Web Vitals verbessern kannst

Techniken zur Verbesserung der Website-Leistung.

Arjen Karel
linkedin

Ich helfe Unternehmen, die Core Web Vitals zu beheben, robustes Core Web Vitals RUM-Tracking einzurichten, das Bewusstsein für PageSpeed zu verbessern und die Implementierung von Core Web Vitals-Best-Practices zu verwalten

Manchmal, wenn ich etwas Zeit habe (was heutzutage nicht allzu oft vorkommt), schreibe ich über die Core Web Vitals

Lass uns reden

Proportionale Analyse für Web Performance

Der Engpass ist die Phase, die den größten Anteil der Gesamtzeit beansprucht. Nicht die Phase, die einen absoluten Grenzwert überschreitet.

INP mit einem KI-Agenten beheben: Die Metrik, die Lab-Tools nicht messen können

INP kann nicht simuliert werden. Dies ist der mit Felddaten verknüpfte Workflow zur Diagnose und Behebung von Interaction to Next Paint mit einem KI-Agenten.

LCP mit einem KI-Agenten beheben: Von Felddaten zum Code-Fix

Der komplette LCP-Diagnose-Workflow mit CWV Superpowers: von der Identifizierung der Engpass-Phase in den Felddaten bis hin zur spezifischen Code-Änderung.

CWV Superpowers: Automatisierte Core Web Vitals Diagnose

Ein kostenloser Claude Code Skill, der sich mit Ihren CoreDash-Felddaten und Chrome verbindet, um LCP-, INP- und CLS-Probleme zu diagnostizieren und Code-Fixes zu generieren.

KI-Agent Core Web Vitals: Warum Felddaten alles verändern

Drei Arten von MCP-Servern verbinden KI-Agenten mit Core Web Vitals-Daten. Nur einer liefert ihnen die Daten, die Google tatsächlich für das Ranking verwendet.

JPEG XL und Core Web Vitals: Was Sie jetzt wissen müssen, da Chrome es ausliefert

Wie JPEG XL im Vergleich zu AVIF, WebP und JPEG abschneidet, was es für Ihre Core Web Vitals bedeutet und wie Sie es noch heute ausliefern können

Prerender Until Script: Der Mittelweg zwischen Prefetch und Prerender

Subressourcen laden und das DOM aufbauen, ohne Skripte auszuführen oder Analysen zu verfälschen

Offscreen-Bilder auf Mobilgeräten verzögern: Leitfaden für natives Lazy Loading

Natives Lazy Loading, content-visibility und warum die JavaScript-Bildverzögerung toter Ballast ist

Ein Core Web Vitals Leitfaden zur Ressourcenpriorisierung

Lassen Sie den Browser nicht raten. Zwingen Sie ihn, das zu laden, was wichtig ist, wenn es wichtig ist!

dataLayer Events planen zur Optimierung des INP

Wie das Verzögern von GTM-Events bis nach dem Browser-Paint Ihre INP-Werte verbessert

Core Web Vitals für Low-End-Geräte optimieren

Warum schnelle Websites auf Budget-Hardware schärfere Kompromisse erfordern, als die meisten Teams zugeben

Die beste Cloudflare-Konfiguration für das Bestehen der Core Web Vitals

Konfigurieren Sie Cloudflare für maximale Seitengeschwindigkeit und verstehen Sie die Einstellungen, die Ihnen zur Verfügung stehen

Tracking-Parameter mit Cloudflare Workers und Transform Rules entfernen

Tracking-Parameter wie fbclid und gclid erzeugen eindeutige URLs, die deinen CDN-Cache umgehen. Drei Wege, dies zu beheben.

Schnellere Elementor Hero-Bilder in 2 Minuten!

Lerne in 2 Minuten, wie du bei Elementor Hero-Bildern von langsamen Hintergrundbildern zu schnellen normalen Bildern wechselst

Der Einfluss von CSS View Transitions auf die Web-Performance

Verstehen Sie, warum und wann View Transitions die Web-Performance beeinflussen können

5 JavaScript-Prioritätsstufen und wie man sie nutzt

Nicht alle Skripte sind gleich. Laden Sie sie in der richtigen Reihenfolge.

Responsives Web Font Loading: Eine gerätebewusste Strategie

Eine responsive Font-Loading-Strategie für schnelleren LCP und null Layoutverschiebungen

Chrome DevTools Network Panel-Einstellungen für Core Web Vitals

Die Network Panel-Einstellungen, die ich bei jedem Core Web Vitals-Audit verwende

Warum die 28-Tage-Verzögerung der Core Web Vitals ein Mythos ist

Die CrUX-Daten sind zwei Tage alt, nicht 28. Hier ist, was das rollierende 28-Tage-Fenster wirklich bedeutet.

Verbessern Sie den Interaction to Next Paint, indem Sie auf JavaScript-Scrolling verzichten

Erstellen Sie ein schönes, sanftes Scroll-Erlebnis, das die Core Web Vitals nicht beeinträchtigt

Das KOSTENLOSE Pagespeed-Optimierungsskript für den letzten Ausweg

Beschleunigen Sie Ihre nicht reparierbare Seite mit dieser Methode des letzten Auswegs, um selbst die langsamsten Seiten zu verbessern

Calendly-Integration beschleunigen

Calendly einbetten, ohne die Core Web Vitals zu verlangsamen

Kostenloser Website-Cache-Warmer

Wärmen Sie den Cache Ihrer Website kostenlos vor, um die Core Web Vitals zu beschleunigen

Sofortiges Laden von Seiten mit Speculation Rules

Erfahren Sie, wie Sie die Core Web Vitals verbessern können, indem Sie Seiten mit der neuen Speculation Rules API sofort laden lassen

Wie man dem Main Thread den Vortritt lässt, um den INP zu verbessern

Nutzen Sie scheduler.yield(), um lange Aufgaben aufzuteilen und Ihre Seiten reaktionsfähig zu halten

Core Web Vitals für E-Commerce: Warum Besucher mit hoher Kaufabsicht die schlechteste Performance erhalten

Caching-Plugins deaktivieren das Caching für Warenkorb-Nutzer. So beheben Sie die TTFB-Klippe.

Die ultimative Core Web Vitals Checkliste (2026)

Jede Optimierung, die Sie bei der Verbesserung der LCP-, INP- und CLS-Performance prüfen sollten

Durch CSS-Transitionen verursachter Layout Shift

Erfahren Sie, wie Sie CSS-Transitionen, die Layout Shifts erzeugen, finden und entfernen können

Page Speed mit kleinem Budget: Die Optimierungen, die am wichtigsten sind

Erfahren Sie, wie Sie die Core Web Vitals mit budgetfreundlichen Strategien verbessern können

Wann das Preloading von Stylesheets (keinen) Sinn macht

Warum das Preloading Ihres CSS normalerweise nicht hilft, und der eine Fall, in dem es das tut

jQuery in WordPress verzögert laden

Erfahren Sie, wie Sie jQuery in WordPress für mehr Pagespeed verzögert laden

Das Argument für die Begrenzung von Analyse- und Tracking-Scripten

Wie sich Analyse- und Tracking-Scripte auf Ihre Core Web Vitals auswirken und was Sie dagegen tun können

Hintergrundbilder sind böse

Warum Hintergrundbilder Ihren Core Web Vitals schaden und wie Sie sie ersetzen können

Browser-Reflow: Was ihn auslöst und wie er die Core Web Vitals beeinflusst

Reflow berechnet Elementpositionen neu und blockiert den Main Thread. Erfahren Sie, was ihn auslöst, wie Sie ihn erkennen und wie Sie ihn verhindern können.

Google Fonts selbst hosten für bessere Core Web Vitals

Erfahren Sie, wie Sie Google Fonts selbst hosten und diese Schriften für bessere Core Web Vitals optimieren

JavaScript im Head vs. Footer: Wie es die Core Web Vitals beeinflusst

Warum defer im Head die moderne Best Practice ist und wann eine Platzierung im Footer noch Sinn macht

Defer vs Async JavaScript und wie dies die Core Web Vitals beeinflusst

Erfahren Sie, wann Sie JavaScript async und wann defer laden sollten für die besten Core Web Vitals Ergebnisse

Skripte verzögern, bis sie benötigt werden

Laden Sie JavaScript bei Bedarf mithilfe von IntersectionObserver und Benutzerinteraktions-Triggern

Reduce Unused JavaScript in Lighthouse beheben

Finden und entfernen Sie ungenutztes JavaScript, um Ihre Core Web Vitals zu verbessern

Es gibt keinen Core Web Vitals Score (und warum das wichtig ist)

Warum ein Lighthouse-Score kein Core Web Vitals-Score ist und was wirklich bestimmt, ob Sie bestehen oder durchfallen

Chat-Widget mit perfekten Core Web Vitals

Chat-Widgets laden, ohne PageSpeed zu verlieren

Solltest du Preconnect für Werbenetzwerke nutzen? Es hängt von deinem LCP ab

Preconnects zu Werbenetzwerken können schaden oder helfen. Es hängt alles davon ab, ob dein LCP-Bild bereits optimiert ist.

Bilder für Core Web Vitals optimieren

"Erfahren Sie, wie Bilder die Core Web Vitals beeinflussen und wie Sie sie optimieren

Durch automatische Bildgrößenanpassung verursachten Layout Shift beheben

Bilder mit automatischer Breite und Höhe verursachen einen Layout Shift. Erfahren Sie, wie Sie dies beheben können.

Core Web Vitals Visualizer: Kostenlose Chrome-Erweiterung zum Debuggen von CWV

Eine kostenlose Chrome-Erweiterung, die ein Echtzeit-Overlay deiner Core Web Vitals erstellt, entwickelt für Entwickler, die die Performance ohne Öffnen der DevTools debuggen.

Langsam durch Fehler vs. langsam durch Design: Ein Web-Performance-Framework

Wie die Kategorisierung von Performance-Problemen Ihnen hilft, die richtigen Dinge zuerst zu beheben

Hintergrundbilder verzögern für schnellere Core Web Vitals

Hintergrundbilder verzögern oder mit Lazy Loading laden für einen schnelleren Largest Contentful Paint

16 Methoden, um JavaScript zu verzögern oder zu planen

Erfahren Sie, wie Sie JavaScript verzögern und planen können

Beheben von Largest Contentful Paint image was lazily loaded in Lighthouse

Erfahren Sie, wie Sie die Lighthouse-Warnung 'Largest Contentful Paint image was lazily loaded' beheben

Interaction to Next Paint (INP): Was es ist, wie man es misst und verbessert

Der vollständige Leitfaden zum Verstehen, Messen und Optimieren von Interaction to Next Paint, dem Core Web Vital, der die Reaktionsfähigkeit einer Seite misst

Drittanbieter-Skripte in Next.js für bessere Core Web Vitals beheben

Beheben Sie Core Web Vitals-Probleme, die durch Drittanbieter-Skripte in Next.js verursacht werden

Core Web Vitals in Next.js messen: RUM Setup-Guide

Richten Sie Real User Monitoring (RUM) für Core Web Vitals in Next.js ein (App Router und Pages Router)

Render-blockierendes CSS in Next.js entfernen für bessere Core Web Vitals

Render-blockierendes CSS in Next.js entfernen für schnellere Core Web Vitals

Cloudflare-E-Mail-Verschleierung deaktivieren: Sie schadet Ihren Core Web Vitals

Die Cloudflare-E-Mail-Verschleierung injiziert ein renderblockierendes Skript für eine trivial umkehrbare Verschlüsselung. Deaktivieren oder ersetzen Sie es.

Langsame Hero-Bilder beheben & Core Web Vitals

Verbessern Sie den Largest Contentful Paint, indem Sie langsame Hero-Bilder beschleunigen

Was ist Cumulative Layout Shift (CLS) und wie behebt man ihn

Der ultimative Leitfaden zum Finden, Messen und Beheben von Cumulative Layout Shift für Ihre Website

103 Early Hints: Kritische Ressourcen während der Server-Bedenkzeit vorladen

Nutzen Sie die Bedenkzeit des Servers, um Ihr LCP-Bild und kritisches CSS vorzuladen, bevor die Seite bereit ist

Wie ich meinen LCP um 70 % gesenkt habe

Lernen Sie fortgeschrittene Methoden zur Verbesserung der Core Web Vitals kennen

Largest Contentful Paint Bild vorladen

Erfahren Sie, wie Sie die Core Web Vitals durch das Vorladen des LCP-Bildes verbessern

HubSpot-Formulare verzögert laden: Render-Blocking beheben, ohne Seiten zu bearbeiten

Ein Drop-in-Fix für Render-Blocking HubSpot-Formular-Skripte

Lighthouse-Warnung 'Eliminate render-blocking resources' beheben

Beseitigen Sie render-blockierende Ressourcen und verbessern Sie die Core Web Vitals

'Defer Offscreen Images' beheben: Lazy-Loading-Leitfaden für Core Web Vitals

Offscreen-Bilder verzögern und die Core Web Vitals verbessern

Perfekte YouTube Core Web Vitals

Erfahren Sie, wie Sie YouTube-Videos einbetten, ohne PageSpeed zu verlieren

First Contentful Paint (FCP): Was es ist, wie man es misst und behebt

Erfahren Sie, was First Contentful Paint misst, warum es kein Core Web Vital ist, und 15 bewährte Techniken, um Ihre Seiten schneller rendern zu lassen