Het web bestaat deze 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 interessante features die tijdens onze Developer Keynote en I/O-sessies zijn onthuld en die je de weg wijzen naar betere ontwikkeling – via een krachtiger web dat eenvoudiger is geworden.
1. Gemini Nano-integratie in Chrome Desktop levert nieuwe AI-functies op het apparaat
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, finetuning, capaciteit of kosten. 'Help me write' is beschikbaar in Chrome met on-device power om gebruikers te helpen korte content te schrijven.
Help ons de toekomst van het web 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 fors geïnvesteerd om ervoor te zorgen dat AI-modellen snel en efficiënt werken door gebruik te maken van WebGPU en Wasm – de basistechnologieën die AI op het apparaat zelf op het web mogelijk maken. Nieuwe verbeteringen zoals 16-bits floating point waarden in WebGPU en Memory64 en JavaScript Promise Integration in Wasm, zorgen ervoor dat AI nog sneller werkt. Met Wasm en WebGPU kunnen uw AI-bibliotheken modellen op grote schaal uitvoeren, op een enorm scala aan hardware.
3. AI-aangedreven Chrome DevTools stroomlijnen uw debugproces
Chrome DevTools is een van de populairste manieren om je app te debuggen en te optimaliseren. Met AI wordt debuggen een stuk eenvoudiger. We brengen Gemini naar de Chrome DevTools Console om inzichten te genereren, je te helpen het probleem te begrijpen en zelfs uit te zoeken hoe je het kunt oplossen!
Chrome DevTools Console Insights is vanaf vandaag beschikbaar als experimentele functie in de VS en wordt binnenkort in meer landen uitgerold.
4. Speculatieregels API biedt directe browse-ervaringen
Met de nieuwe Speculation Rules API maken we vrijwel directe navigatie mogelijk, waardoor het browsen aanzienlijk wordt versneld door pagina's op de achtergrond vooraf op te halen en te renderen. Denk aan milliseconden in plaats van seconden. En het allermooiste? Er zijn maar een paar regels code nodig om aan de slag te gaan, en AI kan worden gebruikt om navigatiepatronen intelligent te voorspellen.
5. Bekijk overgangen voor sites met meerdere pagina's
We willen de manier waarop gebruikers het web ervaren opnieuw definiëren. En voor ontwikkelaars willen we de manier waarop je voor het web bouwt veranderen. Met de View Transition API kun je eenvoudig animeren tussen paginastatussen. En nu werkt het ook met apps met meerdere pagina's , zodat je vloeiende navigatie kunt creëren, ongeacht de architectuur van je site. In combinatie met Speculatieregels en AI kunnen paginaovergangen echt 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 wanneer deze constant worden bijgewerkt. Baseline biedt een manier om te begrijpen welke webfuncties door alle browsers worden ondersteund. Met het Web Platform Dashboard kunt u nu het volledige webplatform in kaart brengen als een set functies, de ontwikkeling ervan volgen en de interoperabiliteitsstatus controleren.
7. Basisgereedschappen, direct in uw workflow
Baseline werkt het beste wanneer het geïntegreerd is in uw workflow . Vanaf vandaag heeft Akamai's RUM Archive een nieuwe tool voor ontwikkelaars: RUM Archive Insights . Voor het eerst kunt u het wereldwijde gebruikersaandeel van Baseline-versies en de functies die met die versie van Baseline beschikbaar zijn, naast elkaar zien.
8. Gedeeltelijke hydratatie in Angular zorgt voor verbeterde prestaties
Wij geloven dat Angular een van de beste platforms is voor het bouwen en implementeren van webapps. We werken momenteel aan gedeeltelijke hydratatie , zodat JavaScript alleen een deel van je app laadt en hydrateert wanneer dat nodig is. Dit verbetert Core Web Vitals aanzienlijk voor prestatiegevoelige apps. 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. Dat is wat we bedoelen met fijnmazige reactiviteit met Signals. Angular biedt een nieuwe set reactieve API's die een eersteklas ontwikkelervaring met Signals mogelijk maken. Bovendien maakt Signals fijnmazige wijzigingsdetectie mogelijk, waarbij slechts een fractie van uw componentenboom wordt gecontroleerd om statuswijzigingen door te voeren. Zo hoeft u de gebruikersinterface niet langer handmatig te optimaliseren.
Signaalgebaseerde reactieve API's zijn vanaf vandaag direct beschikbaar. Gedetailleerde wijzigingsdetectie komt later dit jaar.
10. Bouw meeslepende 3D-ervaringen in Maps JavaScript API
We bieden meer mogelijkheden om meeslepende webervaringen te creëren door fotorealistische 3D-kaarten te integreren in de vertrouwde Maps JavaScript API van Google Maps Platform. Nu kunt u profiteren van Googles renderingtechnologie om rijke 3D-kaarten te leveren met de snelheid die uw gebruikers verwachten. En het mooiste is: u kunt met één regel code aan de slag.
We kunnen niet wachten om de verbluffende, meeslepende ervaringen te zien die jullie gaan creëren! Lees meer .
Elke dag doorbreek je de complexiteit van ontwikkeling en verleg je de grenzen van wat mogelijk is. We helpen je graag nieuwe ervaringen te creëren waar we allemaal van kunnen genieten. Ga naar developer.chrome.com en web.dev voor meer informatie over dit krachtige web, nu nog eenvoudiger. En neem contact met ons op via X , YouTube en nu ook LinkedIn .
Tot ziens bij de volgende I/O!