10 Updates von der Google I/O 2024: Das Potenzial der KI für jeden Webentwickler nutzen

Das Internet wird im August 35 Jahre alt. Generationen von Entwicklern haben diese unglaubliche Technologie geprägt und unzählige Innovationen ins Leben gerufen. Jetzt ist es der Beginn einer neuen Generation, mit KI. Hier sind zehn spannende Funktionen, die wir in unserer Developer Keynote und in unseren I/O-Sitzungen vorgestellt haben und die dir den Weg zu einer besseren Entwicklung geben werden – durch ein noch leistungsstärkeres, noch einfacheres Web.

1. Gemini Nano-Integration in die Chrome-Desktop-App für neue KI-Funktionen auf dem Gerät

Ab Chrome 126 ist Gemini Nano in den Chrome-Desktop integriert. Warum ist das wichtig? So können Sie Milliarden von Chrome-Nutzern leistungsstarke KI-Funktionen zur Verfügung stellen, ohne sich um Prompt Engineering, Feinabstimmung, Kapazität oder Kosten kümmern zu müssen. „Hilfe beim Verfassen“ ist in Chrome mit Ein/Aus für die Stromversorgung auf dem Gerät verfügbar, um Nutzern beim Schreiben von Kurzinhalten zu helfen.

Helfen Sie uns, die Zukunft des Webs mitzugestalten, und melden Sie sich für unser Early Preview-Programm an.

2. WebAssembly und WebGPU ermöglichen On-Device-KI, unabhängig vom verwendeten KI-Modell

Wir haben viel investiert, um dafür zu sorgen, dass KI-Modelle schnell und effizient laufen. Dazu verwenden wir WebGPU und Wasm – die Backbone-Technologien, die On-Device-KI im Web ermöglichen. Neue Verbesserungen wie 16-Bit-Gleitkommawerte in WebGPU sowie die Memory64- und JavaScript Promise-Integration in Wasm sorgen dafür, dass KI noch schneller ausgeführt wird. Mit Wasm und WebGPU können Ihre KI-Bibliotheken Modelle in großem Maßstab auf einer riesigen Hardwarepalette ausführen.

3. Mit den KI-basierten Chrome-Entwicklertools lässt sich die Fehlerbehebung optimieren

Die Chrome-Entwicklertools sind eine der beliebtesten Methoden zum Debuggen und Optimieren von Apps. Mit KI wird das Debugging jetzt viel einfacher. Wir führen Gemini in der Chrome-Entwicklertools-Konsole ein, um Statistiken zu generieren, dir zu helfen, das Problem zu verstehen, und sogar herauszufinden, wie es behoben werden kann.

Konsolenstatistiken in den Chrome-Entwicklertools sind derzeit als experimentelle Funktion in den USA verfügbar und werden bald in weiteren Ländern eingeführt.

4. Speculation Rules API ermöglicht sofortiges Surfen

Mit der neuen Speculation Rules API ermöglichen wir eine nahezu sofortige Navigation und beschleunigen das Surfen erheblich, indem Seiten im Hintergrund vorab abgerufen und vorab gerendert werden. Denken Sie an Millisekunden statt Sekunden. Und das Beste daran? Für den Einstieg sind nur wenige Codezeilen erforderlich. Mithilfe von KI lassen sich Navigationsmuster intelligent vorhersagen.

Beispiel für Tokopedia: Auswirkungen des Pre-Renderings, die selbst bei einer langsamen Verbindung zu einer deutlich kürzeren Ladezeit führt

5. Übergänge für mehrseitige Websites ansehen

Wir möchten das Web für Nutzer neu definieren. Für Entwickler:innen möchten wir die Entwicklung von Websites ändern. Mit der View Transition API können Sie den Seitenstatus ganz einfach animieren. Außerdem funktioniert es jetzt auch mit mehrseitigen Anwendungen, sodass Sie unabhängig von der Architektur Ihrer Website eine flüssige Navigation ermöglichen. In Kombination mit Spekulationsregeln und KI können Seitenübergänge wirklich nahtlos erfolgen.

6. Webplattform-Dashboard für eine ganzheitliche Übersicht über alle Browser

Wir wissen, dass es nicht einfach ist, sich mit den neuesten Plattformänderungen, APIs und Frameworks in Browsern Schritt zu halten, wenn diese ständig aktualisiert werden. Mit Baseline können Sie nachvollziehen, welche Webfeatures in allen Browsern unterstützt werden. Jetzt können Sie mit dem Web Platform-Dashboard die gesamte Webplattform in Form einer Reihe von Funktionen sehen, ihre Entwicklung verfolgen und ihren Interoperabilitätsstatus prüfen.

7. Grundlegende Tools direkt im Workflow

Baseline funktioniert am besten, wenn es in Ihren Workflow eingebunden ist. Ab heute bietet das RUM-Archiv von Akamai ein neues Tool für Entwickler in RUM Archive Insights. Zum ersten Mal können Sie den globalen Nutzeranteil von Baseline-Versionen und -Features, die mit dieser Baseline-Version entsperrt werden, nebeneinander sehen.

8. Teilweise Flüssigkeitszufuhr in Angular ermöglicht bessere Leistung

Wir glauben, dass Angular eine der besten Plattformen zum Erstellen und Bereitstellen von Webanwendungen ist. Wir arbeiten jetzt an der teilweisen Flüssigkeitszufuhr, sodass JavaScript nur bei Bedarf einen Teil Ihrer App lädt und hydriert. Dadurch wird Core Web Vitals für leistungsempfindliche Apps erheblich verbessert. Sie können sie sich in den nächsten Wochen in der Entwicklervorschau ansehen.

9. Angular-scharfe, fein abgestufte Reaktion mit Signalen, sofort einsatzbereit

Wir möchten Ihnen eine bessere Kontrolle über die Erkennung und Verwaltung von Änderungen in Ihren Anwendungen geben. Eingabe: detaillierte Reaktivität mit Signalen. Angular bietet neue reaktive APIs, die eine erstklassige Entwicklererfahrung mit Signalen ermöglichen. Signale ermöglichen eine detaillierte Erkennung von Änderungen, die nur einen Teil Ihrer Komponentenstruktur prüft, um Statusänderungen zu übertragen, sodass Sie die Benutzeroberfläche nicht mehr manuell optimieren müssen.

Signalbasierte reaktive APIs sind bereits ab sofort verfügbar. Die detaillierte Erkennung von Änderungen wird im Laufe des Jahres eingeführt.

10. Immersive 3D-Erlebnisse in der Maps JavaScript API erstellen

Wir bieten noch mehr Möglichkeiten, immersive Weberlebnisse zu schaffen. Dazu stellen wir der vertrauten Maps JavaScript API der Google Maps Platform fotorealistische 3D-Karten zur Verfügung. Jetzt können Sie die Rendering-Technologie von Google nutzen, um detailreiche 3D-Karten in der von Ihren Nutzern erwarteten Geschwindigkeit bereitzustellen. Und das Beste ist: Sie können mit einer einzigen Codezeile beginnen.

Wir sind gespannt, welche atemberaubenden und fesselnden Erlebnisse Sie entwickeln werden! Weitere Informationen


Jeden Tag durchbrechen Sie die Komplexität der Entwicklung und gehen an die Grenzen des Möglichen. Wir freuen uns darauf, Ihnen dabei zu helfen, neue Erlebnisse für uns alle zu schaffen. Unter developer.chrome.com und web.dev erfährst du mehr über dieses leistungsstarke, noch einfachere Web. Ihr könnt uns auch auf X, YouTube und jetzt auch auf LinkedIn kontaktieren.

Wir sehen uns bei der nächsten I/O!