So verbesserst du deinen PageSpeed und die Core Web Vitals

Techniken für bessere Website-Performance.

Arjen Karel
linkedin

Ich helfe Unternehmen, die Core Web Vitals zu fixen, ein robustes Core-Web-Vitals-RUM-Tracking aufzusetzen, das Bewusstsein für PageSpeed zu schärfen und Best Practices für die Core Web Vitals umzusetzen

Manchmal, wenn ich Zeit habe (was in letzter Zeit selten vorkommt), schreibe ich über die Core Web Vitals

Lass uns sprechen

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 für Core-Web-Vitals-Monitoring: Field Data über MCP

Drei Arten von MCP-Servern verbinden KI-Agenten mit Core-Web-Vitals-Daten. Nur eine davon liefert ihnen die Daten, die Google tatsächlich für Rankings nutzt.

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 einplanen, um den INP zu optimieren

Wie verzögerte GTM-Events nach dem Browser-Paint deine INP-Werte verbessern

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, um die Core Web Vitals zu bestehen

Konfiguriere Cloudflare für maximale Pagespeed und verstehe die Einstellungen, an denen du drehen kannst

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

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

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

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 einbinden, ohne die Core Web Vitals auszubremsen

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 prüfen solltest, um die Performance von LCP, INP und CLS zu verbessern

Layout-Shifts durch CSS-Transitions

Erfahre, wie du CSS-Transitions findest und entfernst, die Layout-Shifts verursachen

Pagespeed mit kleinem Budget: Die wichtigsten Optimierungen

So verbesserst du die Core Web Vitals mit Strategien für kleine Budgets

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

Erfahre, wie du Google Fonts selbst hostest und diese Schriften für bessere Core Web Vitals optimierst

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 er ist, wie du ihn misst und verbesserst

Was der INP misst, wie er sich vom FID unterscheidet und welche der drei Phasen du zuerst behebst.

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 Skript zur E-Mail-Verschleierung gefixt (vielleicht lag es an mir)

Das Skript zur E-Mail-Verschleierung von Cloudflare blockierte früher das Rendering. Ein Product Manager bei Cloudflare hat diesen Artikel gelesen und den Fix ausgerollt. Die SEO- und Sicherheitsprobleme solltest du trotzdem vermeiden.

Langsame Hero-Bilder beheben & Core Web Vitals

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

Was ist der Cumulative Layout Shift (CLS) und wie du ihn behebst

Was der CLS misst, wie der Score berechnet wird und welche Ursachen du zuerst prüfst.

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

'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

So bettest du YouTube-Videos ein, 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