Veröffentlicht am 20. Mai 2025
Auf der Google I/O 2025 haben wir neue Funktionen vorgestellt, mit denen Sie Ihre Produktivität steigern und ein leistungsstärkeres, nahtloseres und moderneres Web entwickeln können.
Hier sind 10 wichtige Innovationen, die Ihnen modernste Funktionen direkt zur Verfügung stellen und Sie mit Sicherheit für Ihr nächstes Projekt inspirieren werden.
1. Karussells lassen sich jetzt einfacher als je zuvor mit wenigen Zeilen CSS und HTML erstellen
Erstellen Sie mit CSS ansprechende Karussells, die beim ersten Rendering interaktiv sind. In Chrome 135 wurden neue CSS-Primitive eingeführt – formatierbare Fragmentierung, Scrollmarkierungselemente und Scrollschaltflächen –, die die Erstellung von Karussells ohne JavaScript vereinfachen. Mit bekannten CSS-Konzepten können Sie in kürzester Zeit umfangreiche, interaktive, flüssige und barrierefreiere Karussells erstellen.
2. Deklarative Pop-ups: Einführung der neuen Interest Invoker API
Die experimentelle Interest Invoker API ist als ein
Origin-Test verfügbar.
Mit dieser Funktion können Sie Pop-ups deklarativ ein- und ausblenden, wenn das Interesse des Besuchers für kurze Zeit aktiv ist. Verabschieden Sie sich vom nicht formatierbaren Attribut [title] und begrüßen Sie [interesttarget]! Kombinieren Sie es mit der
Anchor Positioning API und der
Popover API
, um umfangreiche, responsive und interaktive UI-Elemente wie Tooltips oder Hover-Karten
ohne JavaScript zu erstellen. Mit modernem CSS sind die Möglichkeiten endlos.
3. Mehrere integrierte KI-APIs mit führenden Foundation Models sind verfügbar. Die Prompt API bietet jetzt multimodale Funktionen.
Unsere integrierte KI-Lösung wird weiterentwickelt und bietet Ihnen jetzt mehr Datenschutz, eine geringere Latenz und niedrigere Kosten, sowie Zugriff auf hochwertige, von KI erstellte Ausgaben. Die integrierte KI verwendet Expertenmodelle und Gemini Nano, das effizienteste Modell von Google, für Aufgaben auf dem Gerät. Ab Chrome 138 sind die Summarizer API, Language Detector API, Translator API und die Prompt API für Chrome Erweiterungen in der stabilen Version verfügbar. Außerdem sind die Writer API und die Rewriter API in Origin-Tests verfügbar.
Die neue Proofreader API sowie die Prompt API mit multimodalen Funktionen sind in Chrome Canary verfügbar.
Wenn Sie immer auf dem neuesten Stand sein möchten, nehmen Sie an unserem Early-Access-Programm teil, um an neuen integrierten KI-APIs mitzuarbeiten und die Zukunft der KI im Web mitzugestalten.
4. KI auf Clientseite wird mit der Firebase und der Gemini Developer API erweitert, um eine hybride KI-Lösung zu bieten
Dank unserer Zusammenarbeit mit Firebase und der Gemini Developer API können Sie jetzt KI-basierte Weblösungen für Mobilgeräte und Computer entwickeln. Diese Anwendungen verwenden nach Möglichkeit KI auf Clientseite und werden nahtlos auf KI auf Serverseite skaliert, um alle Geräte und Browser zu erreichen. Ab heute bietet Firebase AI Logic nahtlosen Zugriff auf die integrierte Prompt API von Chrome, die von Gemini Nano und ähnlichen kleineren Modellen auf Serverseite unterstützt wird. Dazu wird die Gemini Developer API verwendet.
5. Die KI-Unterstützung in den Chrome-Entwicklertools unterstützt Ihren Debugging-Workflow in Bezug auf Formatierung, Leistung und mehr
Mit der KI-Unterstützung können Sie mit Gemini chatten, um Formatierungsfehler im Bereich „Elemente“ zu beheben, Leistungsprobleme im Bereich „Leistung“ zu lösen, Netzwerkprobleme im Bereich „Netzwerk“ zu identifizieren und Quelldateien im Bereich „Quellen“ zu finden. Außerdem kann die KI-Unterstützung jetzt die Änderungen im Zusammenhang mit der Formatierung direkt auf Ihren Quellcode im Bereich „Elemente“ anwenden.
6. Mit Daten von echten Nutzern, Lighthouse-Analysen und KI-Funktionen im Bereich „Leistung“ der Chrome-Entwicklertools können Sie Leistungsprobleme verstehen und beheben
Im neu gestalteten Bereich „Leistung“ können Sie jetzt auf lokale und echte Core Web Vitals-Daten zugreifen und Gemini bitten , Ihnen dabei zu helfen, Leistungsprobleme zu verstehen und zu beheben. In der Seitenleiste „Analysen“ werden Lighthouse-Analysen in Ihre Traces eingefügt, damit Sie schneller debuggen können – ohne Ihren Workflow zu unterbrechen oder Ihre Produktivität zu beeinträchtigen.
7. Die Verfügbarkeit von Baseline-Funktionen ist jetzt in Ihren bekannten Tools verfügbar: VS Code, ESLint und mehr
Mit der Baseline-Integration können Sie Ihren Webentwicklungs-Workflow genauer und sicherer gestalten. In Ihren bekannten Webentwicklungstools sehen Sie deutlich, welche Webfunktionen in den wichtigsten Browsern verfügbar sind:
- IDEs: In VSCode wird der Baseline-Status von Funktionen jetzt direkt beim Erstellen angezeigt. Die Unterstützung für WebStorm von JetBrains und VS Code-basierten IDEs wie Firebase Studio, Windsurf und GitHub Codespaces folgt bald.
- Linter: CSS- und HTML-Linter können Sie proaktiv warnen, wenn Sie eine Funktion verwenden, die neuer ist als Ihr Baseline-Ziel. Baseline wird in ESLint für CSS, HTML ESLint und Stylelint unterstützt.
- Analytics: RUMvision kombiniert Baseline Daten mit Messwerten von echten Nutzern, sodass Sie strategisch die optimale Baseline-Version für Ihre Zielgruppe auswählen können. Google Analytics-Nutzer können ihre Daten in den Google Analytics Baseline Checker hochladen, um Baseline-Empfehlungen zu erhalten.
- Compiler: Mit browserslist-config-baseline können Sie Ihre Baseline-Ziele in Ihre Code-Kompilierungstools wie Babel und PostCSS einbinden, damit Sie moderne Funktionen in Ihrem Quellcode verwenden und sie in Ihren Produktions-Builds kompilieren können.
8. Mit dem Web Platform Dashboard erhalten Sie einen vollständigen Überblick über die Unterstützung von Webfunktionen
Letztes Jahr haben wir das Web Platform Dashboard angekündigt, mit dem Sie die Daten zu Webfunktionen untersuchen können, die die gesamte Webplattform als eine Reihe von Funktionen darstellen. Da der Datensatz für Webfunktionen jetzt zu 100 % zugeordnet ist, können Sie zum ersten Mal den Baseline-Status jeder Funktion in jedem Browser sehen – von AVIF bis View Transitions – einschließlich Verfügbarkeit und Nutzung. Bleiben Sie auf dem Laufenden und entwickeln Sie mit Zuversicht.
9. Entwicklertest für eine optimierte Anmeldung mit dem Credential Manager
Wir wissen, dass mehrere Authentifizierungsmethoden, darunter Passwörter, Identitätsföderation und Passkeys, für Nutzer Ihrer Websites zu Problemen führen können. Unser Ziel ist es, Nutzern eine einheitliche und mühelose Anmeldung zu ermöglichen. Deshalb führen wir die intuitive Benutzeroberfläche des Android Credential Manager in Chrome ein. Wenn Nutzer bald auf Anmelden klicken, werden in Chrome die Anmeldedaten angezeigt, die für diese Website verfügbar sind, z. B. Passkeys und Passwörter aus dem Google Passwortmanager. So wird die Anmeldung nahtlos. Wir planen, auch die Identitätsföderation hinzuzufügen. Der Credential Manager für das Web befindet sich derzeit im Entwicklertest. Weitere Informationen folgen im Laufe des Jahres.
10. Schnellere Iterationen an Chrome-Erweiterungen durch die Möglichkeit, die Überprüfung der Einreichung abzubrechen
Das Einreichen Ihrer Chrome-Erweiterung sollte nahtlos, sorgenfrei und spannend sein. Wir wissen jedoch, dass es ein Problem war, Fehler in einer ausstehenden Einreichung nicht schnell beheben zu können. Anfang dieses Jahres haben wir die Möglichkeit eingeführt, eine ausstehende Einreichung abzubrechen. Dies baut auf der Möglichkeit auf, eine zuvor veröffentlichte Version zurückzusetzen. Ziel ist es, dass Sie schnell Änderungen vornehmen und die Einreichung noch einmal senden können.
Die neuesten Informationen finden Sie unter developer.chrome.com und web.dev. Dort erfahren Sie mehr darüber, wie wir ein leistungsstarkes und nutzerfreundlicheres Web schaffen, Folgen Sie uns auch auf X, YouTube, und LinkedIn. Wir sehen uns auf der nächsten I/O.
Deloitte bezieht sich auf Deloitte Touche Tohmatsu Limited („DTTL“), eine private Gesellschaft mit beschränkter Haftung nach britischem Recht, ihr Netzwerk von Mitgliedsunternehmen und ihre verbundenen Unternehmen. DTTL und jedes seiner Mitgliedsunternehmen sind rechtlich getrennte und unabhängige Rechtssubjekte. DTTL (auch als „Deloitte Global“ bezeichnet) bietet keine Dienstleistungen für Kunden an. In den USA bezieht sich Deloitte auf eines oder mehrere der US-Mitgliedsunternehmen von DTTL, ihre verbundenen Unternehmen, die in den USA unter dem Namen „Deloitte“ tätig sind, und ihre jeweiligen verbundenen Unternehmen. Bestimmte Dienstleistungen sind für Prüfkunden gemäß den Regeln und Vorschriften des öffentlichen Rechnungswesens möglicherweise nicht verfügbar. Weitere Informationen zu unserem globalen Netzwerk von Mitgliedsunternehmen finden Sie unter www.deloitte.com/about.