Het web bestaat in augustus 35 jaar. Generaties ontwikkelaars hebben deze ongelooflijke technologie vormgegeven en talloze innovaties in ons leven gebracht. Nu is het de dageraad van een nieuwe generatie, met AI. Hier zijn 10 opwindende functies die zijn onthuld in onze Developer Keynote- en I/O-sessies en die u de weg zullen wijzen naar betere ontwikkeling – via een krachtiger web dat eenvoudiger is gemaakt.
1. Gemini Nano-integratie in Chrome-desktop om nieuwe AI-functies op het apparaat te leveren
Vanaf Chrome 126 wordt Gemini Nano ingebouwd in de Chrome-desktop . Waarom is dit belangrijk? U kunt krachtige AI-functies leveren aan de miljarden Chrome-gebruikers zonder dat u zich zorgen hoeft te maken over snelle engineering, fijnafstemming, capaciteit of kosten. 'Help mij schrijven' is beschikbaar in Chrome met kracht op het apparaat, om gebruikers te helpen korte inhoud te schrijven.
Help ons de toekomst van het internet vorm te geven door u aan te melden voor ons vroege previewprogramma .
2. WebAssembly en WebGPU maken AI op het apparaat mogelijk, ongeacht het AI-model dat u gebruikt
We hebben zwaar geïnvesteerd om ervoor te zorgen dat AI-modellen snel en efficiënt werken door gebruik te maken van WebGPU en Wasm: de backbone-technologieën die AI op het web op apparaten mogelijk maken. Nieuwe verbeteringen zoals 16-bit drijvende-kommawaarden in WebGPU en Memory64 en JavaScript Promise-integratie in Wasm zorgen ervoor dat AI nog sneller werkt. Met Wasm en WebGPU kunnen uw AI-bibliotheken modellen op schaal uitvoeren op een enorm scala aan hardware.
3. AI-aangedreven Chrome DevTools stroomlijnen uw foutopsporingsproces
Chrome DevTools is een van de populairste manieren om fouten in uw app op te sporen en af te stemmen. Met AI wordt het debuggen een stuk eenvoudiger. We brengen Gemini naar de Chrome DevTools Console om inzichten te genereren, u te helpen begrijpen wat het probleem is en zelfs uit te zoeken hoe u het kunt oplossen!
Chrome DevTools -console-inzichten zijn vandaag beschikbaar als experimentele functie in de VS en worden binnenkort naar meer landen uitgerold.
4. Speculation Rules API zorgt voor directe browse-ervaringen
Met de nieuwe Speculation Rules API maken we vrijwel onmiddellijke navigatie mogelijk, waardoor het browsen aanzienlijk wordt versneld door pagina's op de achtergrond vooraf op te halen en vooraf weer te geven. Denk aan milliseconden in plaats van seconden. Beste van alles? Er zijn slechts een paar regels code nodig om aan de slag te gaan, en AI kan worden gebruikt om navigatiepatronen op intelligente wijze te voorspellen.
5. Bekijk overgangen voor sites met meerdere pagina's
We willen opnieuw definiëren hoe gebruikers het internet ervaren. En voor ontwikkelaars willen we de manier veranderen waarop u voor internet bouwt. Met de View Transition API kunt u eenvoudig tussen paginastatussen animeren. En nu werkt het met apps met meerdere pagina's , waardoor u vloeiende navigatie kunt creëren, ongeacht de architectuur van uw site. In combinatie met speculatieregels en AI kunnen pagina-overgangen werkelijk naadloos verlopen.
6. Webplatformdashboard voor een uniform overzicht in alle browsers
We weten dat het niet eenvoudig is om op de hoogte te blijven van de nieuwste platformwijzigingen, API's en frameworks in verschillende browsers als deze voortdurend worden bijgewerkt. Baseline biedt een manier om te begrijpen welke webfuncties in alle browsers worden ondersteund. Met het Web Platform Dashboard kunt u nu het volledige webplatform in kaart brengen als een reeks functies, de ontwikkeling ervan volgen en de interoperabiliteitsstatus controleren.
7. Basistooling, rechtstreeks in uw workflow
Baseline werkt het beste als het in uw workflow is geïntegreerd. Vanaf vandaag heeft Akamai's RUM Archive een nieuwe tool voor ontwikkelaars op RUM Archive Insights . Voor het eerst kunt u het wereldwijde gebruikersaandeel van Baseline-versies en functies die zijn ontgrendeld met die versie van Baseline, naast elkaar zien.
8. Gedeeltelijke hydratatie in Angular zorgt voor betere prestaties
Wij geloven dat Angular een van de beste platforms is voor het bouwen en implementeren van webapps. We werken nu aan gedeeltelijke hydratatie , dus JavaScript laadt en hydrateert slechts een deel van uw app wanneer dat nodig is, waardoor Core Web Vitals voor prestatiegevoelige apps aanzienlijk wordt verbeterd. Bekijk het de komende weken in de ontwikkelaarspreview.
9. Hoekige, fijnkorrelige reactiviteit met signalen, direct uit de doos
We willen u meer gedetailleerde controle geven over de detectie en het beheer van wijzigingen in uw apps. Enter: fijnkorrelige reactiviteit met signalen. Angular biedt een nieuwe set reactieve API's die eersteklas ontwikkelaarservaring met Signalen mogelijk maken. En Signals maken een fijnmazige wijzigingsdetectie mogelijk, waarbij slechts een fractie van uw componentenboom wordt gecontroleerd om statuswijzigingen door te geven, zodat u de gebruikersinterface niet langer handmatig hoeft te optimaliseren.
Op signalen gebaseerde reactieve API's zijn vandaag de dag direct uit de doos beschikbaar. Fijnmazige veranderingsdetectie komt later dit jaar.
10. Bouw meeslepende 3D-ervaringen in de Maps JavaScript API
We ontsluiten meer manieren om meeslepende webervaringen te bouwen, door fotorealistische 3D-kaarten naar de vertrouwde Maps JavaScript API van Google Maps Platform te brengen. Nu kunt u profiteren van de weergavetechnologie van Google om rijke 3D-kaarten te leveren met de snelheid die uw gebruikers verwachten. Het beste deel: u kunt met één regel code aan de slag.
We kunnen niet wachten om de verbluffende, meeslepende ervaringen te zien die je gaat bouwen! Kom meer te weten .
Elke dag doorbreek je de complexiteit van ontwikkeling en verleg je de grenzen van wat mogelijk is. We helpen je graag bij het creëren van nieuwe ervaringen waar we allemaal van kunnen genieten. Bezoek developer.chrome.com en web.dev voor meer informatie over dit krachtige web, dat eenvoudiger is gemaakt. En zorg ervoor dat u contact met ons opneemt op X , YouTube en nu ook LinkedIn .
Tot ziens bij de volgende I/O!