Verbessere deinen PageSpeed und die Core Web Vitals

Techniken zur Optimierung der Performance.

Arjen Karel
linkedin

Ich helfe Unternehmen, Probleme mit den Core Web Vitals zu beheben, ein robustes RUM-Tracking für die Core Web Vitals einzurichten, das Bewusstsein für PageSpeed zu schärfen und Best Practices für die Core Web Vitals zu implementieren.

Manchmal, wenn ich Zeit finde (was heutzutage selten vorkommt), schreibe ich über die Core Web Vitals.

Lass uns reden

Wie du an den Main Thread yieldest, um den INP zu verbessern (Kopie)

Verwende scheduler.yield(), um long tasks aufzuteilen und deine Seiten reaktionsschnell zu halten.

Verhindern Sie, dass Coralogix RUM Ihr frühes Netzwerk stiehlt

Coralogix RUM sendet Beacons während des Ladevorgangs und stiehlt Netzwerk von Ihrem eigenen LCP. Puffern Sie die Ereignisse und leeren Sie sie stattdessen beim Ausblenden der Seite.

Den Layout Shift des HubSpot Chat-Widgets beheben

Ein Workaround, der einen CLS von 0,91 auf 0,02 senkt, indem er zwei Browser-Ausschlüsse für Layout Shifts nutzt

Wie scroll-ausgelöste Animationen CLS verursachen

Ihr Hide-on-Scroll-Header könnte Ihren CLS heimlich ruinieren. Hier ist der Grund dafür und wie man es behebt.

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: Automatische Core Web Vitals-Diagnose

Ein kostenloser Claude-Code-Skill verbindet sich mit deinen CoreDash-field-data und Chrome. Er diagnostiziert LCP-, INP- und CLS-Probleme und generiert Code-Fixes.

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

Core Web Vitals: Leitfaden zur Ressourcenpriorisierung

Steuere, welche Ressourcen zuerst laden und welche warten.

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 zum Bestehen der Core Web Vitals

Konfigurieren Sie Cloudflare für maximale Seitengeschwindigkeit und verstehen Sie die Einstellungen, mit denen Sie spielen können

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. Das bedeutet das rollierende 28-Tage-Fenster wirklich.

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 Skript zur Ladezeit-Optimierung als letzter Ausweg

Beschleunige deine unreparierbare Seite. Diese Methode ist dein letzter Ausweg, 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

Sofort ladende Seiten mit Speculation Rules

Lerne, wie du die Core Web Vitals verbesserst, indem du Seiten mit der Speculation Rules API sofort laden lässt.

Wie du an den Main Thread yieldest, um den INP zu verbessern

Nutze scheduler.yield(), um Long Tasks aufzuteilen und deine Seiten reaktionsschnell 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 du bei der Verbesserung der LCP-, INP- und CLS-Performance prüfen solltest

Layout Shift verursacht durch CSS-Transitions

Erfahren Sie, wie Sie CSS-Transitions, die Layout Shifts erzeugen, finden und entfernen

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

Warum du Analytics- und Tracking-Skripte begrenzen solltest

Wie Analytics- und Tracking-Skripte deine Core Web Vitals beeinflussen und was du dagegen tun kannst

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 Schriftarten 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 sich dies auf die Core Web Vitals auswirkt

Erfahren Sie, wann Sie JavaScript asynchron (async) und wann verzögert (defer) laden sollten, um die besten Core Web Vitals Ergebnisse zu erzielen

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 können

Layout Shift durch auto-sizing Bilder beheben

Bilder mit auto width und auto height verursachen einen Layout Shift. Erfahren Sie, wie Sie das 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 hat sein E-Mail-Verschleierungsskript repariert (Ich könnte der Auslöser gewesen sein)

Das E-Mail-Verschleierungsskript von Cloudflare blockierte früher das Rendering. Ein PM bei Cloudflare hat diesen Artikel gelesen und den Fix veröffentlicht. Die SEO- und Sicherheitsprobleme sollten jedoch weiterhin vermieden werden.

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 man ihn behebt

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-Denkzeit vorab laden

Nutze die Server-Rechenzeit, um dein LCP-Bild und kritisches CSS vorzuladen, bevor die Seite fertig ist.

Wie ich meinen LCP um 70 % gesenkt habe

Lerne fortgeschrittene Methoden zur Verbesserung der Core Web Vitals

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-Guide für Core Web Vitals

Offscreen-Bilder aufschieben und die Core Web Vitals verbessern

Perfekte YouTube Core Web Vitals

Erfahre, wie du YouTube-Videos einbindest, ohne an 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