Newsletter-Archive

September 2026

CrUX misst jetzt auch Werbung

Wie verändert sich die Werbelast im Laufe der Zeit und wie stehen Sie im Vergleich zur Konkurrenz? Diese Fragen beantworten die neuen Daten des Chrome UX Reports. Alex Cone vom Chrome-Team stellt vier experimentelle Metriken vor: Ad Density (Prozentsatz des Viewports, den Werbung einnimmt), Ad Count (Anzahl der Anzeigen) und Ad Weight für Netzwerk und CPU (Daten- und Prozessorzeitverbrauch). Es gibt noch Kinderkrankheiten und es könnte spät kommen, aber die Richtung gefällt uns.

Claude.ai: Dreimal schnelleres Web in zwei Wochen

Claude.ai: Dreimal schnelleres Web ina0zwei Wochen

Die Entwickler von Anthropic definierten eigene RUM-Metriken und Nutzungsszenarien zur Beschleunigung. Die Zeit bis zur Chat-Interaktivität wurde im 75. Perzentil von 3,1 auf 0,55 Sekunden reduziert. Ein statisches Nachrichtenfeld direkt in HTML half dabei. Das Laden der Konversation wurde durch Preloading beim Mouseover und weniger Neuzeichnen der Seitenleiste von 1,6 auf 0,65 Sekunden beschleunigt.

Wie viel der TTFB-Zeit können Sie erklären?

Harry Roberts entdeckte bei einem Kunden über 250 Millisekunden unerklärlicher Navigation. Dies ist die UNO-Metrik, die Zeit, die im TTFB nach Abzug aller bekannten Phasen übrig bleibt. Oft verbergen sich darin Weiterleitungen von Werbung oder Affiliate-Netzwerken. CrUX zeigt dies nicht, Sie benötigen ein eigenes RUM mit Aufschlüsselung nach Besuchsquelle.

August 2026

Wie man Lighthouse hackt

Martin Michálek und Michal Matuška untersuchten Plugins, die Geschwindigkeit mit einem Klick versprechen. Im Script von Website Speedy fanden sie die Funktion isAuditBot, die Messwerkzeuge erkennt. Nach dem Deaktivieren des Plugins fiel das Lighthouse-Score von 95 auf etwa 60, aber die Core Web Vitals in CrUX blieben unverändert. Warum lassen wir uns täuschen?

Nicht-öffentliche Aufzeichnung des Webinars über Cloudflare und AI-Bots

Ihr Backend stockt manchmal, aber es korreliert nicht mit dem Traffic? Wahrscheinlich haben Sie ein Problem mit Bots. Martin Michálek und Tomáš Svoboda erklärten in einem Webinar, wie man Bot-Traffic in den Daten erkennt und auf Cloudflare-Ebene damit umgeht, ohne Googlebot oder Kunden auszuschließen.

Geschwindigkeit verbessert, aber CrUX-Zahlen stagnieren? Geduld!

Der Deploy ist erfolgt, in der synthetischen Analyse sieht man eine Beschleunigung, aber in CrUX nicht? Diese Frage hören wir oft von Kunden. Joan León hat die beste Antwort darauf verfasst, die wir je gesehen haben. Die Daten in CrUX sind nicht verzögert. Jede Zahl basiert auf Besuchen der letzten 28 Tage, daher erscheinen Änderungen langsam.

Juli 2026

2,5 s als LCP-Ziel? Für E-Shops zu langsam

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.

Interaktiver Leitfaden für das Performance-Panel

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.

Nennen wir die Webgeschwindigkeit UX Speed

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.

Juni 2026

Core Web Vitals auch für mobile Apps

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?

Nutzen Sie die Google Search Console zur Beschleunigung Ihrer Website

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.

KI schreibt keinen guten Code

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.

Mai 2026

Verlangsamen AI-Bots auch Ihre Website?

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.

Eine Sekunde langsamerer E-Shop? Bis zu 30 % weniger Bestellungen.

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.

Endlich präzise Core Web Vitals auch in SPAs

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.

April 2026

Technische Metriken verständlich darstellen

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.

Sind headless Websites ein Hindernis für das Geschäft?

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.

Neues MDN-Frontend: Ende von SPA und React

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.

März 2026

Geschwindigkeit: Der unsichtbare Teil des Web-UX

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.

Automatisierte Audits über die Konsole mit MCP

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?

Warum reichen grüne Web Vitals nicht aus?

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.

Februar 2026

Subito.it: Wie die Verbesserung von INP +5 % mehr Besuche brachte

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.

Lösen Sie das verzögerte Laden eingebetteter Videos ohne JavaScript

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.

52 MB CSS auf der Website sind Wahnsinn!

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.

Januar 2026

JS Long Tasks-Metrik im Detail

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.

Web Almanach 2025: Wird das Internet schneller?

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).

AVIF: Ultimative Datenersparnis

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.

Dezember 2025

Die unbequeme Wahrheit über Fallstudien

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.

React 19.2: Optimierungsmöglichkeiten für INP

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.

Wie wichtig ist die Metrik Interaction to Next Paint?

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 %.

November 2025

Die Kluft zwischen langsamen und schnellen Geräten wird immer größer.

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.

Plündernde Bots im Web: Kommentar von Martin Michálek

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.

Videos von der Konferenz perf.now() 2025

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.

Oktober 2025

Michals FrontKon-Vortrag über CrUX

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.

Die blitzschnelle Version React 19.2

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.

Vergangenheit und Zukunft der Core Web Vitals

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.

September 2025

Fallstudie deNatura

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 verfügt über einen MCP-Server für DevTools

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 Michálek im Podcast WebTop100

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.

August 2025

Radfahren und Websites drehen sich um Geschwindigkeit

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.

Ihre Geheimwaffe für eine schnellere und stabilere Website

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.

Wie verhindert man, dass AI-Bots Ihre Website crawlen?

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.

Geschwindigkeitsvergleich von SaaS-Websites

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?

Juli 2025

Ist Ihr E-Shop so langsam wie ein Montagmorgen?

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.

Webgeschwindigkeit ist Teamarbeit

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.

Vue.js- und Nuxt.js-Optimierung: Tipps und Tricks

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.

Juni 2025

Die Aufzeichnungen der WebExpo 2025 Vorträge sind online.

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.

Volle Nutzung des Performance-Tabs in DevTools

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.

Wie misst man LCP für einzelne SPA-Seiten?

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.

Mai 2025

Wie beschleunigt man einen Shop auf Shoptet? Unsere Tipps und Ratschläge

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.

Next.js-Leistungsoptimierung

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.

Virtuelle Meetups von PerformanceObserver

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.

April 2025

Wie man Webfonts optimiert

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.

Das Beste aus React- und Next.js-Optimierungen

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.

Von null auf hundert: Wie QuintoAndar INP optimierte.

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.

März 2025

Alles, was Sie über Webgeschwindigkeit auf MDN wissen müssen

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.

Technisches SEO und Webgeschwindigkeit sind entscheidend

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.

Warum sollte jede Entwickleragentur ein Geschwindigkeitsmonitoring haben?

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.

Februar 2025

Größe zählt: Effektiver DOM

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.

Viele Möglichkeiten, lange Aufgaben in JavaScript zu unterteilen

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.

Alles, was Sie über Performance-Budgets wissen müssen

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.

Januar 2025

Größe zählt: Effektiver DOM

Viele Möglichkeiten, lange Aufgaben in JavaScript zu unterteilen

Alles, was Sie über Performance-Budgets wissen müssen

Januar 2025

Das große Webgeschwindigkeits-Horoskop: Was bringt das Jahr 2025?

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.

Neuigkeiten in DevTools und KI-Nutzung für Performance

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?

Socials Podcast: Wie beeinflusst die Webgeschwindigkeit das Geschäft?

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.

Dezember 2024

Keyword Vitals: Geschwindigkeit direkt in den SERPs überwachen

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.

Wie verwendet man Speculation Rules?

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!

Performance.now(); Über die Core Web Vitals hinaus

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.

November 2024

React-Optimierung: 6 Tipps für bessere Core Web Vitals

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.

Geschwindigkeitsoptimierung: Unterstützung im Backend

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.

Warum wünschen wir uns alle, dass Safari Core Web Vitals unterstützt?

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.

Oktober 2024

setTimeout() und INP-Optimierung: „Das ist nur ein Hack“

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.

Warum ist diese Website so schnell?

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.

Wir starten eine neue Dokumentationszone

BFcache funktioniert jetzt auch mit Cache-Control: no-store

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!

September 2024

Svět Svítidel: Wie man ein Redesign aus Geschwindigkeitssicht nicht verpatzt?

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.

Neue Geschwindigkeitsmessung in Chrome DevTools

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.

Speed Brain: Neue Geschwindigkeitsfunktion von Cloudflare

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.

August 2024

Wie findet man das LCP-Element?

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.

Blocking=render blockiert das Rendering von geladenen Ressourcen

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 API: Der Weg zu sofortigem Seitenladen

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.

Červenec 2024

Monitoring PageSpeed.ONE in Version 4.4

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.

Navigationstypen: Ein neuer Blick auf das Nutzererlebnis

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.

Der ewige Kampf mit dem DOM: Reduzieren Sie die Anzahl der Elemente und die Verschachtelung.

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.

Juni 2024

Verschaffen Sie sich Klarheit: Unterschiede zwischen Synthetik, CrUX und RUM

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.

Was gibt es Neues zur Performance in den Chrome Dev Tools?

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.

Die Aufzeichnungen der WebPerf.cz Meetups sind online verfügbar.

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.

Mai 2024

Geschwindigkeitsüberwachung in Version 4.3

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.

Tipps zur Optimierung der LCP-Metrik

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?

Chrome-Erweiterungen und ihr Einfluss auf die Geschwindigkeit

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.

April 2024

Lernen Sie Performance auf der WebExpo von einem Weltklasse-Experten, Harry Roberts

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.

INP auf Lupa: Wie man die Benutzererfahrung verbessert und die Konversionen steigert

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.

Wir starten eine neue Dokumentationszone

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“.

März 2024

BFcache: Beschleunigen Sie die Navigation in der Browserhistorie

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.

Schritt für Schritt: So optimieren Sie INP

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.

Verbesserung des Speculation Rules API

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.

Februar 2024

Monitoring PLUS 4.2 ist erschienen

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.

Wie fügt man 3D-Modelle auf einer Website ein?

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.

Leistungsungleichheitslücke 2024

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.

Januar 2024

Monitoring PLUS: Geschwindigkeitsüberwachung und Benachrichtigungen

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.

Optimierung der CLS-Metrik in der Praxis

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?

Anleitung zur Messung von INP mit Puppeteer

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.

Dezember 2023

Sehen Sie sich die Webinar-Aufzeichnung zum Start von Monitoring PLUS an.

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.

Web Performance Calendar: Täglich ein Artikel aus der Welt der Geschwindigkeit.

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.

Schätzen Sie die Rendite Ihrer Investition in Geschwindigkeit

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.

November 2023

Artikel: Monitoring PLUS

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.

Tester Version 4.1: Diagramme in Berichten, übersichtlichere Modale…

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.

Lernen Sie Geschwindigkeit im neuen Google-Kurs verstehen

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.

Oktober 2023

Wir starten den Geschwindigkeitstester Version 4.0

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.

Einblick in die INP-Metrik

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.

Verbesserung des LCP durch Platzhalterbilder niedriger Qualität (LQIP)

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.

September 2023

Bericht von der SmashingConf Freiburg 2023

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.

Wie man mit BFcache die Werbeeinnahmen um 9 % steigert

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.

Long Animation Frames API: Werkzeug zur Erkennung lang laufender Aufgaben

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.

August 2023

Unser Leitfaden zur CLS-Metrik

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.

Video: Die Kosten von JavaScript (2023)

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.

INP und SEO-Experten

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?

Juli 2023

Alles, was Sie über die LCP-Metrik wissen müssen

Ein weiterer Artikel aus unserer Werkstatt fasst wichtige Informationen zur Metrik Largest Contentful Paint zusammen. Wir teilen auch unsere Praxiserfahrungen und Optimierungsmöglichkeiten.

Können wir das GIF-Format durch ein schnelleres ersetzen?

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.

DOMContentLoaded: Ein wichtiges und oft übersehenes Ereignis im Browser

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.

Juni 2023

10 neue Technologien und Tools für Entwickler

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.

Capo: Richtige Reihenfolge der Elemente im <head>

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.

Wie schnell laden ausgewählte europäische Nachrichtenwebsites?

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?

Mai 2023

Die schnellsten tschechischen Online-Shops sind Hornbach, 3v1 und T-shock.

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.

Interaction to Next Paint wird Teil der Core Web Vitals sein

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.

Das Web Vitals Chrome-Erweiterung hat neue Funktionen

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.

April 2023

Wie testet man Web Vitals-Metriken im Browser?

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.

Änderung in der Bewertung des LCP-Elements

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 2023 aus unserer (Performance-)Perspektive.

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.

März 2023

PageSpeed.ONE Geschwindigkeitstester: Neuigkeiten in Version 3.1

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.

Das neue Safari bringt Performance-Neuheiten

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.

Wie man Core Web Vitals in SPAs misst

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.

Februar 2023

Ist die Kompression auf Ihrer Website korrekt eingestellt?

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.

Lighthouse 10 ändert die Berechnung der LPS-Metrik

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.

Wie man Priority Hints, Preload und LCP-Optimierung angeht?

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.

Januar 2023

Was haben wir 2022 erreicht?

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.

Trace.cafe: Einfache Möglichkeit, Profile aus dem Performance-Tab zu teilen.

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.

Wie man die Website-Geschwindigkeit 2023 optimiert

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.

Dezember 2022

Webgeschwindigkeit: 12 Neuheiten des Jahres 2022

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.

Wie beeinflussen die TOP 1.000 Chrome-Erweiterungen die Website-Geschwindigkeit?

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.

Wie man die Metrik Interaction to Next Paint (INP) optimiert

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.

November 2022

Konferenz Performance.now() 2022

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.

Performance Insights: Einfacherer und klarerer Überblick über die Geschwindigkeit

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.

Der Web Performance Calendar steht bevor.

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.

Oktober 2022

Element Timing: Beherrscht eine Metrik alle?