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

Im August wird das Web 35 Jahre alt. Generationen von Entwicklern haben diese unglaubliche Technologie geprägt und unzählige Innovationen in unser Leben gebracht. Jetzt beginnt eine neue Generation mit KI. Hier sind zehn spannende Funktionen, die in unserer Entwickler-Keynote und in den I/O-Sitzungen vorgestellt wurden. Sie werden Ihnen den Weg zu einer besseren Entwicklung ebnen – mit einem leistungsstärkeren Web, das einfacher zu nutzen ist.

1. Integration von Gemini Nano in Chrome für Computer, um neue KI-Funktionen auf dem Gerät bereitzustellen

Ab Chrome 126 ist Gemini Nano in Chrome für Computer integriert. Warum ist das wichtig? Sie können Milliarden von Chrome-Nutzern leistungsstarke KI-Funktionen anbieten, ohne sich um die schnelle Entwicklung, Feinabstimmung, Kapazität oder Kosten kümmern zu müssen. „Formuliere für mich“ ist in Chrome verfügbar und nutzt die Rechenleistung des Geräts, um Nutzern beim Verfassen von Kurzinhalten zu helfen.

Registrieren Sie sich für unser Vorab-Vorschauprogramm und helfen Sie uns, die Zukunft des Webs zu gestalten.

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

Wir haben viel investiert, damit KI-Modelle schnell und effizient ausgeführt werden können. Dazu nutzen wir WebGPU und Wasm – die Backbone-Technologien, die On-Device-KI im Web ermöglichen. Neue Verbesserungen wie 16‑Bit-Gleitkommawerte in WebGPU sowie Memory64 und JavaScript Promise Integration in Wasm sorgen für eine noch schnellere Ausführung von KI. Mit Wasm und WebGPU können Ihre KI-Bibliotheken Modelle im großen Maßstab auf einer Vielzahl von Hardware ausführen.

3. KI-gestützte Chrome-Entwicklertools optimieren den Debugging-Prozess

Die Chrome-Entwicklertools sind eine der beliebtesten Methoden zum Entfernen von Fehlern und Optimieren Ihrer App. Mithilfe von KI wird das Entfernen von Fehlern noch einfacher. Wir führen Gemini in der Chrome DevTools-Konsole ein, um Statistiken zu generieren, Ihnen zu helfen, das Problem zu verstehen, und sogar herauszufinden, wie Sie es beheben können.

Die Console-Statistiken der Chrome-Entwicklertools sind derzeit als experimentelle Funktion in den USA verfügbar. Sie werden bald auch in weiteren Ländern eingeführt.

4. Mit der Speculation Rules API sofortige Ergebnisse

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 gerendert werden. Denken Sie in Millisekunden statt in Sekunden. Und das Beste daran? Für den Einstieg sind nur wenige Codezeilen erforderlich. Mithilfe von KI lassen sich Navigationsmuster intelligent vorhersagen.

Tokopedia-Beispiel: Auswirkungen des Pre-Renderings, die zu einer deutlich kürzeren Ladezeit führen, auch bei einer langsamen Verbindung.

5. Übergänge für Websites mit mehreren Seiten ansehen

Wir möchten die Nutzung des Webs neu definieren. Und für Entwickler möchten wir die Art und Weise ändern, wie Sie für das Web entwickeln. Mit der View Transition API können Sie ganz einfach zwischen Seitenstatus animieren. Jetzt funktioniert sie auch mit mehrseitigen Apps, sodass Sie unabhängig von der Architektur Ihrer Website eine flüssige Navigation erstellen können. In Kombination mit Spekulationsregeln und KI können Seitenübergänge nahtlos erfolgen.

6. Web Platform Dashboard für eine einheitliche Ansicht in allen Browsern

Wir wissen, dass es nicht einfach ist, bei den neuesten Plattformänderungen, APIs und Frameworks in verschiedenen Browsern auf dem Laufenden zu bleiben, da sie ständig aktualisiert werden. Mit der Baseline können Sie nachvollziehen, welche Webfunktionen in allen Browsern unterstützt werden. Im Dashboard der Webplattform können Sie sich jetzt die gesamte Webplattform als Reihe von Funktionen ansehen, die Entwicklung verfolgen und den Interoperabilitätsstatus prüfen.

7. Tools für Baselines direkt in Ihrem Workflow

Die Baseline funktioniert am besten, wenn sie in Ihren Workflow integriert ist. Ab heute gibt es im RUM-Archiv von Akamai ein neues Tool für Entwickler unter RUM Archive Insights. Zum ersten Mal können Sie den globalen Nutzeranteil an Baseline-Versionen und -Funktionen, die mit dieser Version von Baseline freigeschaltet werden, nebeneinander sehen.

8. Teilweise Hydratisierung in Angular ermöglicht eine bessere Leistung

Wir sind der Meinung, dass Angular eine der besten Plattformen zum Erstellen und Bereitstellen von Webanwendungen ist. Wir arbeiten derzeit an der teilweisen Hydratisierung, sodass JavaScript nur bei Bedarf einen Teil Ihrer App lädt und hydratisiert. Dadurch werden die Core Web Vitals für leistungssensible Apps deutlich verbessert. In den nächsten Wochen können Sie es in der Entwicklervorschau ausprobieren.

9. Detaillierte Reaktivität mit Signalen in Angular – sofort einsatzbereit

Wir möchten Ihnen mehr Kontrolle über die Erkennung und Verwaltung von Änderungen in Ihren Apps geben. Hier kommt die detaillierte Reaktionsfähigkeit mithilfe von Signalen ins Spiel. Angular bietet eine neue Reihe von reaktiven APIs, die Entwicklern die Arbeit mit Signalen erleichtern. Signale ermöglichen eine detaillierte Änderungserkennung, bei der nur ein Bruchteil des Komponentenbaums geprüft wird, um Statusänderungen zu übertragen. So müssen Sie die Benutzeroberfläche nicht mehr manuell optimieren.

Signalbasierte reaktive APIs sind bereits jetzt direkt einsatzbereit. Die detaillierte Änderungserkennung wird im Laufe des Jahres eingeführt.

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

Wir bieten jetzt noch mehr Möglichkeiten, immersive Webinhalte zu erstellen, indem wir fotorealistische 3D-Karten in die bekannte Maps JavaScript API der Google Maps Platform einbinden. Jetzt können Sie die Rendering-Technologie von Google nutzen, um detaillierte 3D-Karten mit der Geschwindigkeit bereitzustellen, die Ihre Nutzer erwarten. Das Beste daran: Sie können mit einer einzigen Codezeile loslegen.

Wir sind schon gespannt auf die beeindruckenden, immersiven Erlebnisse, die ihr damit erstellen werdet. Weitere Informationen


Jeden Tag überwinden Sie die Komplexität der Entwicklung und verschieben die Grenzen des Möglichen. Wir freuen uns, dir dabei zu helfen, neue Funktionen zu entwickeln, die allen gefallen. Weitere Informationen zu diesem leistungsstarken und noch nutzerfreundlicheren Web finden Sie unter developer.chrome.com und web.dev. Folgen Sie uns auch auf X, YouTube und jetzt auch auf LinkedIn.

Bis zur nächsten I/O!