Tammy Everts analysierte einen Monat RUM-Daten von zehn großen E-Shops. Die niedrigste Absprungrate hatten Websites mit LCP zwischen 100 ms und 1 Sekunde, weit unter den empfohlenen 2,5 Sekunden. Was bedeutet das? Erstellen Sie Ihr eigenes Korrelationsdiagramm, LCP gegen Absprungrate, und bestimmen Sie Ihre eigene Grenze.
Joan León hat einen interaktiven Kurs zum Lesen von Profilen im Performance-Panel erstellt. Jede Demo ist klickbar und kommentiert. Sie sehen, wie eine Anfrage in der Timeline aussieht, die die Dateigröße blockiert oder einen langsamen Server verursacht. Probleme wie erzwungene Neuanordnung erkennen Sie auf den ersten Blick.
Diesen Vorschlag präsentierte Sergey Chernyshev beim letzten PerformanceObserver. Es ist kein Wortspiel. Bei „Performance“ sprechen wir über Millisekunden und technische Aspekte der Website. Sobald wir UX sagen, kommen Produktmanager und Marketing ins Spiel, denn dann geht es um den Kunden und seine Erfahrung.
Das Embrace-Team hat einen neuen Standard zur Messung mobiler Apps entwickelt. Er funktioniert ähnlich wie die Core Web Vitals und misst drei Geschwindigkeitsmetriken sowie eine für die Stabilität. Der gesamte Rahmen soll Ordnung in das mobile UX bringen. Wie viele Menschen kümmern sich heute tatsächlich um die Performance von Webanwendungen?
Martin Michálek hat in unserem Leitfaden beschrieben, wie man die Search Console zur Verbesserung der Webgeschwindigkeit nutzt. Sie finden Anleitungen zum Überwachen von Seitengruppen, Auffinden problematischer URLs, Überprüfen von Verbesserungen und Checklisten zur Geschwindigkeitsoptimierung.
Adrian beschreibt, dass das Problem nicht mehr das Schreiben des Codes ist, sondern dessen Überprüfung. KI erstellt keinen guten Code, sie benötigt klare Regeln. Bei PageSpeed.ONE sehen wir oft, wie KI die Performance verschlechtert, da ohne automatische Überwachung viel schlechter Code in die Produktion gelangt.
Martin Michálek beschreibt in einem Artikel auf Lupa die neue Realität. KI-Bots können Websites auch nachts, wenn niemand einkauft, überlasten. Was tun? Er rät, die Webgeschwindigkeit zu überwachen, Cloudflare oder einen ähnlichen Dienst einzusetzen und den Hosting-Anbieter nach Bot-Schutz zu fragen.
Diese Fallstudie ist beeindruckend. Shopify verglich Core Web Vitals mit Conversions in seinem gesamten E-Commerce-Ökosystem. LCP und INP steigern klar den Verkauf. Jede 100 ms langsamere Ladezeit bedeutet 3,5 % weniger Conversion. CLS hat in ihrer Studie keinen solchen Einfluss.
Die Messung der Core Web Vitals in Single-Page-Anwendungen ist eine Herausforderung. Der Browser misst LCP nur bei echter Navigation, nicht bei JavaScript-Redraws. Chrome löst dies mit dem Soft Navigations API. Wenn Sie eine SPA haben, testen Sie das API und geben Sie Google Feedback.
Geschwindigkeitsmetriken nur mit Zahlen zu erklären, führt oft zu nichts. Unsere Browser-Erweiterung Core Web Vitals Live visualisiert diese abstrakten Begriffe. Sie markiert langsame und problematische Elemente farblich direkt auf der Website, zeigt Layoutverschiebungen und Interaktionswerte am Cursor an. Probieren Sie es aus.
Jono Alderson bietet eine ehrliche Kritik daran, wie headless Websites oft für Entwicklerbedürfnisse statt für echte Geschäftsziele optimieren. Für die meisten Unternehmen ist die Website ein Marketing-Tool, und der Wechsel zur headless Architektur kann Veröffentlichung, Iteration und schnelle Reaktion erschweren, was im Grunde der Hauptgrund für eine Website ist.
Die beliebte Website MDN Web Docs hat ihre Architektur komplett geändert und React zugunsten statischer Generierung aufgegeben. Durch das Entfernen des Frameworks wurde die Datenmenge drastisch reduziert und unnötige Hydratation eliminiert. Das Ergebnis ist ein stabileres Layout, geringeres TBT und blitzschnelles Rendering auch auf schwächeren Geräten.
Martin Michálek hielt letzte Woche einen Vortrag über Geschwindigkeit am UX Day, und seine Materialien sind jetzt online verfügbar. Sehen Sie sich die Folien an, installieren Sie die Chrome-Erweiterung Core Web Vitals Live, testen Sie Ihre Website mit unseren Tools oder nutzen Sie die Checkliste zur Geschwindigkeitsoptimierung.
Statt Metriken manuell in den DevTools zu suchen, können Sie jetzt mit KI messen. Joan León hat seine WebPerf Snippets in Agent SKILLS umgewandelt. Über MCP verbindet sich der Agent direkt mit dem Browser und führt Skripte zur Analyse von Metriken oder Mediengrößen aus. Ist das die Zukunft?
Lesen Sie den großartigen Artikel von Tammy Everts, warum Google-Metriken nur die Basis und nicht das Maximum für Optimierung sind. Eine wirklich schnelle Website ist die, bei der Geschwindigkeit „unsichtbar“ wird. Sobald Verzögerungen den Nutzerfluss stören, helfen erfüllte Limits nicht mehr gegen sinkende Konversionsraten.
Es ist interessant, verschiedene Ansätze zur Optimierung von INP zu lesen. Die Entwickler des italienischen Marktplatzes Subito führten A/B-Tests durch, um die Ursachen zu finden. Problematisch waren Skripte von TikTok und Facebook. Sie implementierten Next.js 16 und den React-Compiler. Ihr Einsatz führte zu einem 5%igen Anstieg der Anzeigenbesuche.
Aus unserer Erfahrung erhöhen eingebettete Videos oft die Metrik Total Blocking Time. Stefan Bauer schlägt in seinem Text vor, Videos in ein geschlossenes <details>-Element einzubetten, komplett ohne JavaScript. Der Browser lädt oder initialisiert das Video erst, wenn der Nutzer auf das Element klickt.
Bart Veneman analysiert CSS-Daten von 100.000 Websites. Die durchschnittliche CSS-Größe beträgt 309 kB, aber es gibt eine Website mit 52 MB Styles. Wie Ihre Website abschneidet, erfahren Sie im Netzwerk-Panel der DevTools oder in unserem Technischen Bericht nach dem PLUS-Test.
INP, TBT, JS Long Tasks. Verwirren Sie JavaScript-Metriken? Unser Leitfaden erklärt alles. Mit Praxisbeispielen und konkreten Tipps wie DOM-Optimierung und Code-Splitting.
Immer mehr Websites erfüllen die Core Web Vitals. Bei Mobilgeräten stieg der Anteil von 36 % im Jahr 2023 auf 48 %. Bei Desktops von 48 % auf 55 %. Noch immer laden 16 % der Websites LCP-Bilder falsch lazy. Neu sammeln wir auch Daten zu Long Animation Frame (LoAF).
WebP ist gut, aber AVIF bietet mehr: bessere Kompression, Transparenz, keine Blockartefakte, HDR und mehr Farbräume. Beachten Sie die höhere Serverbelastung bei der Generierung.
Martin Michálek warnt vor der unkritischen Verbreitung des Mythos 100 ms = 1 % Umsatz. Die meisten Studien (einschließlich Walmart und Amazon) verwechseln Korrelation mit Kausalität oder ignorieren, dass wohlhabendere Nutzer einfach schnellere Geräte haben. Die Lösung? Ehrliche A/B-Tests und statistisch wertvolle eigene Daten.
Wie man die Neuerungen von React 19.2 implementiert, zeigt Michal Matuška in seinem Artikel. Er bietet praktische Beispiele zur neuen Komponente Activity. Achten Sie auf Server Side Rendering, da React versteckte Activity-Komponenten nicht in HTML einfügt, was ein SEO-Problem sein kann.
ContentSquare analysierte Daten von 997 Nutzern ihrer Website. Das Ergebnis: INP korrelierte mit der Absprungrate, und Nutzer mit schlechtem INP hatten eine 15 % höhere Wahrscheinlichkeit für Frustration (Rage Clicks). Nutzer mit gutem INP hatten eine Konversionsrate von 2,5 %, während jene mit schlechtem INP nur 2 % erreichten. Das entspricht einer Änderung von 25 %.
Jedes Jahr freuen wir uns auf die Geschwindigkeitsdiagramme von Alex Russel. Leider sind die Ergebnisse weniger erfreulich. Die durchschnittliche mobile Seite wird jedes Jahr datenintensiver, und die Leistung günstiger Android-Telefone stagniert. Daher bleibt die Reduzierung jedes kB ein Thema.
Webbetreiber stehen vor neuen Herausforderungen. Eine Welle von AI-Scraping erhöht Betriebskosten, verschlechtert die Serverantwort (TTFB) und verlangsamt Websites für echte Nutzer, die Umsatz generieren sollten. Mehr dazu auf Seznam Zprávy.
Sehen Sie sich jetzt den Vortrag von Barry Pollard über das Speculation Rules API und Michal Mocny über Metriken auf Seiten mit Soft-Navigation an. Weitere Videos von der größten Geschwindigkeitskonferenz folgen.
CrUX-Daten sind entscheidend, um die Leistung Ihrer Website in der realen Nutzerwelt zu verstehen. Neben Basismetriken erhalten Sie Daten zur Server-Benutzer-Verzögerung und zur Feinabstimmung von LCP. Mehr in Michal Matuškas vierter Top-Vorlesung.
React hat eine spannende Version für Geschwindigkeit veröffentlicht. Neu ist unter anderem die Anbindung des Profilings an die Timeline, wodurch detaillierte Leistungsprofile direkt in den Chrome DevTools verfügbar sind, sowie die Activity-Komponente zur Leistungsoptimierung.
Addy Osmani veröffentlichte auf seinem Blog einen ausführlichen Artikel über die Entwicklung der CWV-Metriken und Googles Ansatz zur Geschwindigkeit. Besonders spannend ist der Blick in die Zukunft, da sich die CWV-Metriken weiterentwickeln werden. Es wird beispielsweise die Metrik der flüssigen Bildschirmaktualisierung untersucht und nach Lösungen gesucht, um Metriken in SPAs zu messen.
Durch erfolgreiche Zusammenarbeit haben wir die Core Web Vitals von deNatura in den grünen Bereich gebracht, was zu 17 % mehr Google-Traffic führte. Wie wir Shoptet optimiert haben, lesen Sie auf unserer Website.
Chrome hat einen weiteren großen Schritt in der Welt der KI und Webentwicklung gemacht. Der MCP-Server für DevTools ermöglicht es Ihren KI-Assistenten, direkt im Browser über Web-Debugging zu sprechen. Sie können auch Aufzeichnungen im Performance-Tab hochladen und analysieren.
Martin spricht mit Michal Mládek darüber, warum Webgeschwindigkeit immer noch entscheidend für das Geschäft ist, warum Core Web Vitals nicht ausreichen, welche Mythen es um Hosting gibt, die häufigsten Fehler von Unternehmen und wie KI die Rolle von Websites verändert.
Harry Roberts hat einen Blogartikel veröffentlicht, in dem er Websites von Fahrradmarken vergleicht, die Tour de France-Teams sponsern. Neben einem vollständigen Ranking nach Core Web Vitals gibt es Empfehlungen für jede Seite.
Cloudflare ist in der Basisversion kostenlos. Warum empfehlen wir es? Es schützt vor DDoS-Angriffen, erhöht die Verfügbarkeit Ihrer Website und reduziert die Serverbelastung. Wie Sie Cloudflare einrichten, erfahren Sie in unserem Artikel.
Paul Volcano hat Statistiken zur Nutzung von robots.txt für AI-Bots auf Websites zusammengestellt. Immer mehr Projekte beschäftigen sich mit dem hohen Traffic durch AI-Crawler und setzen eigene Regeln in robots.txt. Zum Beispiel haben 21 % der tausend beliebtesten Websites Regeln für diese Bots.
In der Praxis hören wir oft, dass hinter dem Login nichts gemessen werden muss. Dennoch ist die Geschwindigkeit von SaaS-Websites ein eigenes Thema. Wie schnitten 19 Plattformen wie Asana, Slack, Trello oder Jira in Bezug auf Geschwindigkeit, Zuverlässigkeit und Stabilität ab?
Auf Podnikatel.cz erschien ein Artikel über die Geschwindigkeit von E-Shops. Neben Experten wie Honza Bartoš und David Kazda trug auch Martin Michálek bei. Der Artikel fasst wichtiges Know-how für Ihr Geschäft zusammen, z.B. welche Fehler die Konversionsrate senken und wie man sie verbessert.
Scott Moores interessante Sicht auf die Geschwindigkeit. Lassen Sie uns darüber sprechen, wie man das Team näher zusammenbringt, die Webgeschwindigkeit nicht mehr in Backend und Frontend trennt und sie ganzheitlich betrachtet. Der Artikel fasst zusammen, wer was löst, und bietet Anleitungen, wie man besser versteht und welche Metriken zu beachten sind.
In unserem Hilfebereich gibt es jetzt einen Artikel über ein weiteres beliebtes JavaScript-Framework. Geschwindigkeitsprobleme bei Vue.js resultieren meist aus menschlichen Fehlern, nicht aus dem Framework selbst. Achten Sie auf die Architektur, testen Sie auf leistungsschwachen Geräten und optimieren Sie nach bewährten Methoden.
Und Sie können sich zwei Vorträge über Webgeschwindigkeit ansehen. Tammy Everts verknüpfte die Themen Webgeschwindigkeit und Benutzererlebnis mit Geschäftszahlen. Tim Kadlec sprach über die Implementierung von CSS View Transition und Speculation Rules.
Paul Irish zeigt in einem Video viele spannende Funktionen. Hervorzuheben sind das neue Markieren von Elementen, die die CLS-Metrik verschlechtern, das Hinzufügen von Skripten zur Ignorierliste und die besser personalisierte KI-Leistungsberatung.
Wenn Sie diese Frage beschäftigt, finden Sie die Antwort im Artikel von Speed Kit. Dort wird das Lesen und Schreiben des src-Attributs in img erklärt, was die Grundlage der Messung bildet. Achtung, es ist sehr technisch und experimentell. Eine „Geek-Sache“, wie wir im PageSpeed.ONE-Team sagen.
Ein E-Shop auf Shoptet bietet eine solide Grundlage. Doch auch der beste E-Shop benötigt regelmäßige Pflege. In unserem Artikel entdecken Sie häufige Probleme auf dieser Plattform, wie ungeschickte Designänderungen und das Hinzufügen von Drittanbieter-Plugins und -Skripten ohne Geschwindigkeitsüberwachung.
Werfen wir einen Blick in die Köpfe der Entwickler, die LCP in einem Next.js-Projekt optimieren. Lesen Sie diesen Artikel über das Verschieben nicht-kritischer Ressourcen im Header, die Behebung von Hydratationsproblemen und das doppelte Rendern des LCP-Elements.
Leben und atmen Sie dafür, dass Websites täglich schneller werden? Dann sind die virtuellen Meetups von PerformanceObserver genau das Richtige für Sie. Die Community zur Webgeschwindigkeit ist weltweit verstreut und kann sich so vernetzen. Bisher wurden hauptsächlich Vorträge zu INP veröffentlicht.
Schriftarten im TTF- oder SVG-Format sind noch nicht verschwunden. Um Geschwindigkeits-„Fauxpas“ auf Ihrer Website zu vermeiden, lesen Sie unseren Artikel zur Optimierung von Webfonts. Erfahren Sie, welche Formate heute benötigt werden und wie Sie überflüssige Zeichen in Schriftschnitten entfernen.
Tauchen Sie ein in reale Fallstudien, die Herausforderungen, Lösungen und Ergebnisse aufzeigen. Freuen Sie sich auf fortschrittliche Optimierungstechniken in Produktionsanwendungen auf React/Next.js bei großen Projekten wie DoorDash, Vio oder Preply.
QuintoAndar, das größte brasilianische Mietportal, verbesserte sein INP von 1000 auf 216 ms. Dies gelang durch asynchrone Optimierungen, React-Übergänge und das Entfernen unnötiger Skripte. Die Web-Conversions stiegen dadurch um 36 % im Jahresvergleich.
Auf der MDN-Website ist ein umfassender Leitfaden zur Webgeschwindigkeit erschienen. Erfahren Sie mehr über grundlegende Themen wie dns-prefetch, das Rendering von Seiten durch den Browser oder die Performance von CSS- und JavaScript-Animationen.
Ladegeschwindigkeit und SEO unterscheiden erfolgreiche Websites von durchschnittlichen. Investitionen in diese Bereiche verschaffen Ihnen einen Vorsprung, den die Konkurrenz kaum einholen kann. Weitere Argumente finden Sie im Artikel von Martin Stepanek.
Wer könnte die Geschwindigkeit besser garantieren als eine Entwickleragentur? Monitoring kann Teil der regelmäßigen Wartung oder Servicepakete sein. Weitere Gründe, warum Agenturen wie PragueBest oder Programia unser Monitoring nutzen, finden Sie im Artikel von Martin Michálek.
Eine ineffiziente Seitenstruktur kann Ihre Website erheblich verlangsamen und die Core Web Vitals verschlechtern. Michal Matuška teilt seine umfangreichen Erfahrungen mit Ihnen. Erfahren Sie, warum die DOM-Struktur entscheidend ist, wie Sie sie messen und natürlich – wie Sie den DOM optimieren und Websites beschleunigen.
Lange synchrone Aufgaben in JavaScript sind ein Problem für alle Websites. Alex MacArthur hat einen großartigen Artikel über die Aufteilung von Aufgaben geschrieben. Er erwähnt async/await, setTimeout, scheduler.postTask und requestIdleCallback. Geschwindigkeits-Fans werden begeistert sein.
Zuzana Fatrdla erklärt in ihrem neuen Artikel, wie man über Performance-Budgets nachdenkt. Möchten Sie die Messlimits richtig setzen? Analysieren Sie Daten, setzen Sie Limits für den schlechtesten Fall, beginnen Sie mit den wichtigsten Metriken und überprüfen Sie regelmäßig. Weitere Tipps im Artikel.
Eine ineffiziente Seitenstruktur kann Ihre Website erheblich verlangsamen und die Core Web Vitals verschlechtern. Michal Matuška teilt seine umfangreichen Erfahrungen mit Ihnen. Erfahren Sie, warum die DOM-Struktur entscheidend ist, wie Sie sie messen und natürlich – wie Sie den DOM optimieren und Websites beschleunigen.
Lange synchrone Aufgaben in JavaScript sind ein Problem für alle Websites. Alex MacArthur hat einen großartigen Artikel über die Aufteilung von Aufgaben geschrieben. Er erwähnt async/await, setTimeout, scheduler.postTask und requestIdleCallback. Geschwindigkeits-Fans werden begeistert sein.
Zuzana Fatrdla erklärt in ihrem neuen Artikel, wie man über Performance-Budgets nachdenkt. Möchten Sie die Messlimits richtig setzen? Analysieren Sie Daten, setzen Sie Limits für den schlechtesten Fall, beginnen Sie mit den wichtigsten Metriken und überprüfen Sie regelmäßig. Weitere Tipps im Artikel.
Der Jahresbeginn lädt immer zu Trendprognosen ein. Laut Uxify werden 2025 die INP-Metrik, der Einsatz von KI in Optimierungen, der Verzicht auf SPA-Architektur und die Unterstützung von Core Web Vitals in allen modernen Browsern im Fokus stehen. Wir sind gespannt, was 2025 bringt.
Chrome DevTools bietet jetzt eine experimentelle KI-Unterstützung zur Verbesserung der Webgeschwindigkeit. Nach der Aufzeichnung der Timeline können Sie die KI befragen und Probleme analysieren, wie Sie es von anderen Tools kennen. Haben Sie diese Funktion schon ausprobiert?
Darauf antwortet Martin Michálek, der mit Otakar Lucák und Daniel Bauer sprach. Diesmal mit Fokus auf den Einfluss auf Marketing und Business-Websites. Sie diskutierten auch Geschäftszahlen und gaben konkrete Tipps zur Optimierung der Geschwindigkeit.
Das Chrome-Plugin Keyword Vitals kann ein großer Helfer bei der Bewertung des Einflusses der Geschwindigkeit auf SEO sein. Nach der Installation suchen Sie einfach ein Schlüsselwort bei Google und sehen in den Suchergebnissen die Core Web Vitals-Werte sowie die Korrelation der Metriken mit der Platzierung und den Zielwerten.
Das Speculation Rules API ist noch neu, daher begrüßen wir den Artikel von Harry Roberts. Erfahren Sie, wie Prefetching für schnellere Ladezeiten und geringere TTFB genutzt werden kann. Wir schätzen Harrys tiefgründige Analyse und seinen strukturierten Ansatz zu Speculation Rules. Sehr wertvoll!
Nach zwei Jahren reiste Michal Matuška zur Performance.now()-Konferenz in Amsterdam, wo die führenden Experten des Fachs sprachen. Hervorragende Vorträge hielten Harry Robers, Tammy Everts und Paul Calvano. Möchten Sie wissen, welche Themen die Welt der Geschwindigkeit bewegen? Lesen Sie unseren Artikel.
In React gibt es zwar clevere Optimierungstechniken, aber die Leistung hängt immer davon ab, wie der Entwickler es nutzt. Im Artikel von Michal Matuška lernen Sie, wie Sie Suspense, Server Components nutzen und welchen Einfluss die Größe des DOMs auf die Geschwindigkeit hat.
Denken Sie, Sie können im Backend nicht zur Webgeschwindigkeit beitragen? Falsch gedacht. Es gibt viele Möglichkeiten, die Geschwindigkeit zu beeinflussen. Zuzana Fatrdla hat Tipps zusammengestellt, darunter verlustfreie Kompression, UTM-Parameter, Early Hints und das Speculation Rules API.
Die Core Web Vitals von Google sind ein Industriestandard, aber wir können sie nur in Chromium-basierten Browsern messen. Die Werte in Safari sind unbekannt. Warum das geändert werden sollte, erfahren Sie im Artikel von Brian Luis Ramirez.
Sie haben sicher oft den Rat gelesen, unwichtige Skripte mit setTimeout() zu verzögern. Aber wie funktioniert das? Michal Matuška hat einen ausführlichen Text geschrieben, der die Funktionsweise und Risiken von setTimeout() erklärt.
Haben Sie manchmal dieselbe Frage? Sehen Sie sich das Video von Wes Bos an, in dem er die Technologien hinter McMaster.com erklärt. Es werden Techniken wie Preload oder das Speculation Rules API behandelt. Ein kleiner Hinweis: Die Website im Video verwendet jQuery.
Bis zu 17 % der mobilen Besuche können den Verlaufscache nicht nutzen, da der Header „no-store“ vorhanden ist. Chrome ermöglicht Caching auch in diesem Fall, was die Geschwindigkeit vieler Websites verbessert. Wir freuen uns darauf!
Ein Website-Redesign ist keine leichte Aufgabe, besonders wenn die aktuelle Version bereits blitzschnell ist. Mit unserem Kunden, dem Betreiber des E-Shops Svět Svítidel, ist es uns gelungen. In einer Fallstudie haben wir unsere Erfahrungen und Empfehlungen für solche Projekte zusammengefasst.
In Chrome Version 129 können sich Entwickler auf Neuerungen im Performance-Tab freuen. Dieser bietet eine neue Perspektive auf lokal gemessene Geschwindigkeitsmetriken und vergleicht sie mit Daten von echten Nutzern. Es könnte das bekannte Web Vitals-Plugin ersetzen.
Cloudflare bietet einen neuen Dienst, der mit dem Speculation Rules API Seiten vorlädt. Dies kann die Ladezeit verkürzen. Speed Brain lädt derzeit statische Inhalte vor, plant aber zukünftig auch Prerendering.
Wir haben eine Anleitung geschrieben, wie man das LCP-Element zuverlässig findet. Die Metrik Largest Contentful Paint ist eine der wichtigsten, aber nicht immer einfach zu handhaben. In der Anleitung erfahren Sie, wie Sie das LCP-Element in PageSpeed Insight, Lighthouse oder DevTools finden.
Google plant, das Attribut blocking=render in Chrome zu implementieren. Dieses Attribut blockiert das Rendering des geladenen Inhalts. Warum ist das nützlich? Harry Roberts erklärt die Anwendung.
Speculation Rules ermöglichen das Vorladen oder sogar das Vorab-Rendern einer anderen Seite. Sie können Speculation Rules direkt in HTML definieren. Mehr dazu in unserem Artikel, der sich auch auf praktische Anwendungen konzentriert.
Die neue Version unseres Tools ist noch besser. Wir haben intensiv an der Hilfe gearbeitet und das automatische Monitoring PLUS verbessert. Die Hauptneuheit wird alle erfreuen, die sofort ladende Seiten schätzen.
Schnelles Laden ist gut, aber was ist mit sofortigem Laden? Verschiedene Navigationstypen zu kennen ist wichtig, da einige viel schneller sind als andere. Ziel ist es, möglichst viele Nutzer auf schnelle Navigationstypen umzuleiten. Diese Neuheit haben wir in unserer Dokumentation für Sie aufgeschlüsselt.
Warum beeinflussen Größe und Tiefe des DOMs die Webgeschwindigkeit so stark? Maxi Ferreira erklärt in einem Experiment die Funktionsweise des Browsers, misst den Einfluss der DOM-Tiefe auf das Rendering und analysiert, wie Ihre CSS dazu beitragen.
Aus der Praxis wissen wir, dass Unterschiede zwischen verschiedenen Geschwindigkeitsmessungen selbst für Experten problematisch sind. Lassen Sie uns in diesem Text definieren, was Synthese („synth“), Google-Nutzerdaten („CrUX“) und Daten von allen Nutzern („RUM“) sind.
In den DevTools finden Sie neue Funktionen. Zum Beispiel im Netzwerk-Panel, wo Sie jetzt Early Hints-Header besser debuggen können, oder im Performance-Tab, wo das neue Kontrollkästchen „Enable CSS selector stats“ auf Sie wartet, um die Leistung von Selektoren zu analysieren.
Für die WebPerf.cz-Community haben wir dieses Jahr zwei Meetups organisiert, eines in Prag und eines in Bratislava. Beide Veranstaltungen waren erfolgreich und jetzt können Sie das Know-how an einem Ort abrufen, inklusive unserer kurzen Notizen.
Wir verbessern unser Tool pagespeed.one ständig. Wir haben z.B. ein Diagramm zur Geschwindigkeitsentwicklung hinzugefügt, das den 75. Perzentil anzeigt, sowie Ergebnisse aus dem Monitor im Überblick. In der neuen Dokumentation teilen wir zudem unser Wissen mit Ihnen.
Der neueste Beitrag in unserer Dokumentation ist ein Artikel zur Optimierung der LCP-Metrik. Erfahren Sie, wie Sie Priority Hints, Preloading oder Lazy Loading nutzen können, um die Geschwindigkeit Ihrer Websites zu verbessern. Verwenden Sie bereits überall das datensparende Bildformat WebP?
DebugBear hat eine neue Studie über den Einfluss von Erweiterungen auf die Browserleistung veröffentlicht. Die Ergebnisse sind sehr interessant. Der Einfluss der Erweiterungen ist viel höher als vor drei Jahren. Wer sind die Hauptverursacher der Verlangsamung? Erweiterungen für KI und Copilot wie Monica, Merlin oder Sider.
Harry Roberts ist ein Weltstar der Webgeschwindigkeit und leitet am 31. Mai einen ganztägigen Workshop „How to think like a performance engineer“ auf der WebExpo. Freuen Sie sich auf professionelle Tipps. Nutzen Sie diese einmalige Gelegenheit.
Martin Michálek hat für Lupa.cz einen umfassenden Artikel über die INP-Metrik geschrieben, der alles Wichtige in einer zugänglichen und nicht-technischen Form erklärt. Das Wichtigste? INP so schnell wie möglich angehen, mit Monitoring beginnen, sofortige Reaktionen bieten und lange Aufgaben verkürzen.
Lange fehlte uns ein Ort, um alle Informationen zur Geschwindigkeit zu sammeln. Deshalb starten wir die PageSpeed.ONE-Hilfe. Hier finden Sie umfassendes Wissen über Webgeschwindigkeit, Metriken und bald auch Dokumentation zum Tool. Wir haben große Pläne für die „Hilfe“.
Der Back/Forward-Cache (BFcache) ist eine Browser-Optimierung, die sofortige Navigation ermöglicht. Er verbessert das Surferlebnis erheblich, besonders bei langsamen Netzwerken oder Geräten. Lesen Sie Radeks Artikel im Blog, um ihn auch für Ihre Website zu nutzen.
Gute Artikel über INP kann es nie genug geben, und dieser von Andy Davies ist hervorragend. Er behandelt die Identifizierung langer Interaktionen und bietet Schritt-für-Schritt-Anleitungen zur Interpretation und Optimierung.
Ab Chrome Version 122 ist das verbesserte Speculation Rules API verfügbar. Es ermöglicht das native Vorladen von Links, die von der aktuellen Seite aus angeklickt werden können. Das Laden erfolgt dann sofort. Neu ist die Möglichkeit, die Eagerness einzustellen, die bestimmt, wann Regeln angewendet werden.
Wir haben die neue Version von Monitoring PLUS eingeführt, basierend auf Nutzerwünschen. Jetzt können Sie gegen Aufpreis mehr URLs oder Domains testen, eine Metrik für Third-Party-JS überwachen, INP nutzen und Benachrichtigungen an mehrere Slack- oder Teams-Kanäle senden. Lesen Sie unseren Artikel für alle Details.
3D-Modelle sind noch ein Randthema. Daher freuen wir uns über den Artikel von Jason Grigsby, der die gängigsten Komponenten zur Darstellung von 3D-Modellen, Dateiformate, Benutzererfahrung, Optimierungen und die mögliche Zukunft, die Apple mit dem neuen HTML-Element <model> andeutet, abdeckt.
Interessiert an einem Leistungsvergleich der neuesten iPhones mit einem günstigen Android-Gerät? In welchen Ländern ist 5G noch ein Traum? Und was bedeutet das alles für Entwickler in Bezug auf Webgeschwindigkeit? Antworten finden Sie im Artikel von Alex Russel.
Der Geschwindigkeitswächter ist eine Kernfunktion von Monitoring PLUS. Wir haben auf Einfachheit, Automatisierung und Benachrichtigungen in verschiedenen Kanälen geachtet. Wie ist es uns gelungen? Lesen Sie den detaillierten Artikel dazu.
Haben Sie Probleme mit der CLS-Metrik auf Ihrer Website? Radek Šír hat basierend auf unseren umfangreichen Erfahrungen die häufigsten CLS-Probleme und deren Lösungen beschrieben. Wussten Sie, dass Sie nach einer Benutzerinteraktion innerhalb von 500 ms reagieren müssen?
INP wird bald die FID-Metrik in den Core Web Vitals ersetzen. Viele Entwickler kämpfen bereits mit INP und stehen vor Herausforderungen bei der Messung und Problemerkennung. Tsvetan Stoychev teilt seinen Ansatz zur Automatisierung der INP-Messung mit Puppeteer.
Im Video geben wir Tipps zur Optimierung der LCP-Metrik, stellen die neue INP-Metrik vor, teilen Beispiele aus unserer Erfahrung und zeigen die Vorteile von Monitoring PLUS.
Dezember ist ideal, um sich mit Artikeln von Experten weltweit über Webgeschwindigkeit zu informieren. Themen dieses Jahr: INP, Geschwindigkeit als Gesamtscore und Optimierung von JS-Bibliotheken.
Die grundlegende Frage von Website-Besitzern ist, ob sich die Investition in Geschwindigkeit auszahlt. Mit dem ROI-Rechner können Sie die Rendite schätzen. Sie benötigen nur Werte wie monatlichen Traffic, Konversionsrate und Bestellwert.
Erfahren Sie mehr über Monitoring PLUS in unserem Artikel. Es ist für alle, die professionell Websites betreuen und wissen, dass Geschwindigkeit wichtig ist, weil sie Geschäftszahlen verbessert. Wenn Sie Website-Besitzer, Entwickler oder Marketer sind, lesen Sie weiter.
Noch vor dem Start von Monitoring PLUS haben wir Verbesserungen für unser Tool vorbereitet. Freuen Sie sich auf neue Grafiken im Wächterbericht, angepasstes Verhalten nach URL-Änderungen in den Einstellungen und übersichtlichere Modale mit Testergebnissen.
Google hat auf web.dev einen neuen Kurs zur Webgeschwindigkeit veröffentlicht, ideal für Einsteiger. Er behandelt Schlüsselkonzepte und bietet Techniken zur Verbesserung. Der Kurs ist ausgezeichnet, glauben Sie uns.
Mit großer Freude haben wir nach Monaten der Entwicklung den neuen Tester gestartet. Freuen Sie sich auf viele Neuheiten, darunter neue Metriken, Berichte und Grafiken.
Die Metrik „Interaction to Next Paint“ ist strenger als die veraltete FID. Die Optimierung kann Monate dauern, daher ist jetzt der beste Zeitpunkt, sich damit zu befassen.
Unser Favorit Harry Roberts erklärt, wie man das LCP verbessert. Bereiten Sie sich auf das Berechnen von Größen vor, da Chrome ab Version 112 Bilder mit geringem Informationswert ignoriert.
Radek Šír nahm an der berühmten Smashing Magazine-Konferenz teil, um Wissen über Geschwindigkeitsoptimierung zu sammeln. Andy Davies von SpeedCurve optimierte dort die INP-Metrik. Dank Radek erfahren Sie, was dort gezeigt wurde.
Ein interessanter Fall von Yahoo! JAPAN News zur Geschwindigkeitsoptimierung mit BFcache (Back/forward Cache), mit dem wir auch bei unseren Kunden arbeiten. Neben einem Anstieg der Werbeeinnahmen zeigte der Test, dass die Seitenaufrufe auf Mobilgeräten um 2,26 % gestiegen sind.
Das Long Animation Frames API ist ein Vorschlag zur Verbesserung des aktuellen Long Tasks API. Es dient zur maschinellen Erkennung langer Aufgaben in JavaScript. Das neue API erweitert die Möglichkeiten erheblich, was z. B. zur Optimierung der INP-Metrik nützlich sein kann.
Die Metrik für den kumulativen Layout-Verschiebung ist Teil der Core Web Vitals. Sie misst unerwünschte Layout-Verschiebungen, und Radek Šír kann sie optimieren. Lesen Sie seinen Artikel, um zu erfahren, wie Sie Ihr CLS-Score verbessern können.
Dies ist ein sehr interessanter, regelmäßig aktualisierter Vortrag über den Einfluss von JavaScript auf die Geschwindigkeit. Der Autor? Addy Osmani, natürlich. Entwicklern empfehlen wir, sich anzusehen, wie JS die Performance von Websites zunehmend negativ beeinflusst und was dagegen getan werden kann.
Mit der neuen Metrik INP lassen wir Sie nicht in Ruhe. Weil wir es nicht können. Im Artikel „Interaction to Next Paint: What SEOs need to know“ betrachten Wix-Experten die Interaktivitätsmetrik aus SEO-Sicht. Wie unterscheidet sie sich von FID? Wie optimiert man sie?
Ein weiterer Artikel aus unserer Werkstatt fasst wichtige Informationen zur Metrik Largest Contentful Paint zusammen. Wir teilen auch unsere Praxiserfahrungen und Optimierungsmöglichkeiten.
Das GIF-Format ist seit 36 Jahren ein wichtiger Bestandteil der Webtechnologie. Gibt es modernere und effizientere Formate für animierte Bilder? Die kurze Antwort: Ja. Vergleichen Sie WebM, AVIF, MP4 und WebP im Artikel unten.
Harry Roberts verteidigt die Verwendung von DOMContentLoaded, obwohl derzeit vor allem UX-Metriken im Trend liegen. DOMContentLoaded bietet nützliche Informationen zum Seitenladen und hilft, Probleme mit asynchronem Code zu erkennen.
Martin Michálek hat zehn Tipps zu Neuigkeiten in der Webgeschwindigkeit zusammengestellt. Freuen Sie sich auf praktische Code-Beispiele und Informationen zu size-adjust, priority hints, BF cache oder den noch wenig genutzten Bildformaten WebP/AVIF.
Die Reihenfolge der Elemente im <head> wurde vor einigen Monaten von Harry Roberts behandelt, und es war ein großes Thema. Jetzt gibt es eine Google Chrome-Erweiterung von Rick, die den aktuellen Zustand auf der Seite anzeigt.
SpeedCurve hat einen umfassenden Vergleich der Ladegeschwindigkeit verschiedener Websites erstellt. Sie können Websites nach Kategorie, Standort und einzelnen Metriken vergleichen. Wie haben sich zum Beispiel europäische Nachrichtenwebsites, einschließlich Novinky.cz, in der LCP-Metrik geschlagen?
Haben Sie sich jemals gefragt, welcher tschechische E-Shop der schnellste ist? Können auch große E-Shops schnell genug sein? Und wie schneidet Ihr E-Shop ab? Antworten finden Sie im neuesten Blogbeitrag auf PageSpeed.ONE.
Google kündigt eine wesentliche Änderung bei den Core Web Vitals an. Im März 2024 ersetzt Interaction to Next Paint (INP) die Metrik First Input Delay. Diese Metrik spiegelt den Einfluss von JavaScript auf das Browsen besser wider.
Die Identifizierung von Problemen mit Core Web Vitals wird jetzt einfacher. Die Chrome-Erweiterung „Web Vitals“ zeigt nun Informationen zur INP-Metrik und verbessert das Logging für alle Metriken.
Entwicklern fehlt oft das Wissen über das Testen von Core Web Vitals im Browser, obwohl diese Fähigkeiten genauso wichtig sind wie gut implementierte Funktionen. Zuzana Fatrdla erklärt in einem Blogartikel, warum man nicht Lighthouse, sondern besser Dev Tools zum Testen verwenden sollte.
Seit dem 6. April 2023 hat Google die Regeln für die Bewertung des LCP-Elements geändert und damit die Möglichkeit für Tricks eingeschränkt. Bilder mit weniger als 0,05 Bit Bilddaten pro Pixel sind keine LCP-Elemente. Dies betrifft häufig große, einfache Bilder über den gesamten Viewport oder Platzhalterbilder.
WebExpo war schön und intensiv. Martin Michálek fasst seine Eindrücke der diesjährigen Konferenz zusammen und konzentriert sich auf die Geschwindigkeit. Im Artikel analysiert er interessante Vorträge von Harry Roberts und Scott Jehl und teilt Einblicke aus seiner eigenen Präsentation über die Metrik Cumulative Layout Shift.
Wir arbeiten ständig an der Entwicklung unseres Testers. In Version 3.1 bieten wir Anpassungen der Testeinstellungen, neue Domänentypen und verbesserte E-Mail-Berichte. Außerdem können Ergebnisse im JSON-Format für das Lighthouse-Tool heruntergeladen werden, und veraltete Metriken wurden entfernt.
Der Changelog von Safari 16.4 lässt Entwicklerherzen höher schlagen. Neu sind „font-size-adjust“ und „loading='lazy'“ für iframes zur Verbesserung der Webgeschwindigkeit.
Single-Page-Anwendungen bieten einen flüssigeren Nutzererlebnis, stellen jedoch Herausforderungen bei der Messung der Core Web Vitals dar, da „weiche“ Navigationen nicht als einzigartige Seitenbesuche galten. Chrome 110 bietet nun experimentelle Optionen zur besseren Messung von CWV in SPAs.
Brotli und GZIP sind die gängigsten Kompressionsarten für CSS, JS und andere Dateien. Wussten Sie, dass Sie auch die Kompressionsstufe einstellen können? Je höher die Stufe, desto größer die Dateneinsparung, aber auch der Rechenaufwand. Wie Sie die effektivste Kompressionsstufe wählen, haben wir in einem Artikel zusammengefasst.
Google bringt eine neue Version von Lighthouse, sichtbar in Chrome 112. Die Metrik TTI entfällt aus der LPS-Berechnung, während CLS seinen Anteil auf 25 % erhöht. Bald in Ihrem Browser.
Derzeit gibt es zwei Möglichkeiten, Dateien auf einer Website zu priorisieren: Preload oder Priority Hints. Diese Techniken scheinen ähnlich, aber die Unterschiede sind wichtig. Lesen Sie dazu den Artikel von Kevin Farrugia.
Letztes Jahr war ein starker Start für PageSpeed.ONE. Wir haben mehr denn je Beratungsdienste zur Website-Geschwindigkeitsoptimierung angeboten und unseren eigenen Geschwindigkeitstester entwickelt. Weitere Erfolge finden Sie in unserem Blog.
Beim Testen der Website-Geschwindigkeit können im Performance-Tab viele Probleme auftreten, die Sie Kollegen zeigen möchten. Hier ein Tipp, wie Sie das gemessene Profil einfach hochladen und die URL bequem teilen können.
Entwickler des Chrome DevRel-Teams haben zahlreiche Empfehlungen zusammengestellt, die ihrer Meinung nach 2023 am effektivsten für Geschwindigkeitsoptimierungen sein werden. Lesen Sie über fetchpriority, bfcache und weitere Möglichkeiten zur Beschleunigung Ihrer Website.
.png)
In diesem Artikel betrachten wir einige Eigenschaften, Techniken oder Tools, die uns 2022 am meisten beeindruckt haben. Freuen Sie sich auf Early Hints, die Änderung der CLS-Metrikberechnung, die CSS-Eigenschaft size-adjust und weitere Neuigkeiten.
.png)
Auch Browser-Erweiterungen können die Geschwindigkeit Ihrer Website erheblich beeinträchtigen. Das Tool Chrome Extension Performance Lookup zeigt Ihnen, wie sich die 1.000 meistgenutzten Chrome-Erweiterungen auf das Laden von Webseiten auswirken.
Wir erhalten immer mehr Materialien zur experimentellen Metrik INP, diesmal von Google-Entwicklern, die Schritt für Schritt Optimierungstipps geben. Es wird erwartet, dass Google diese Metrik 2023 in die Web Vitals aufnimmt.
Ende Oktober nahmen wir an der Perf.now() Konferenz in Amsterdam teil. Wir hörten 14 Vorträge, die besten waren von Harry Roberts, Ivan Akulov und Nolan Lawson. Die vollständige Liste und Details finden Sie in unserem Artikel.
Wenn Sie die Geschwindigkeit optimieren möchten, aber die Performance-Registerkarte in Chrome DevTools zu komplex finden, probieren Sie Performance Insights. Es zeigt nur die relevantesten Informationen, insbesondere zu Web Vitals. Eine detaillierte Anleitung finden Sie auf der Chrome Developers-Website.
Seit 2009 erscheint im Dezember der Web Performance Calendar. Auch dieses Jahr ist keine Ausnahme, und ab dem 1. Dezember erwartet Sie täglich ein Beitrag zur Geschwindigkeit. Wir sind sicher, dass Sie hier fündig werden.
LCP reicht Ihnen nicht? Messen Sie das Rendering eines bestimmten Elements. Das Element Timing API in Chromium-basierten Browsern hilft Ihnen dabei. Wann ist es sinnvoll und welche Einschränkungen gibt es?
Der Web Almanach präsentiert eines seiner regelmäßigen Resümees. Diesmal geht es um Drittanbieter-JavaScripts. Wussten Sie, dass 94 % der mobilen Seiten mindestens einen Drittanbieter nutzen?
Der Unterschied zwischen Ihrem Webdesign-Font und dem Systemfont kann unerwünschte Layoutverschiebungen verursachen. Zum Glück gibt es die neue CSS-Eigenschaft size-adjust und dieses Tool, das die Implementierung erleichtert.