Gepubliceerd: 13 december 2024
Online zijn toen het web nog maar net op gang kwam, betekende geduldig wachten via een langzame inbelverbinding en prutsen met stukjes Perl en HTML. Maar het web heeft zich in een fractie van een seconde exponentieel ontwikkeld. Of je nu lastminute boodschappen laat bezorgen of AI gebruikt om een heleboel lange artikelen samen te vatten, een link is nu een portaal naar eindeloze mogelijkheden.
Daarom zijn zovelen van ons dol op het web. Om je te helpen meer mensen wereldwijd te boeien, lanceren we nieuwe tools voor alle webontwikkelaars – of je nu frontend of full-stack bent, beginner of professional.
Bekijk ons overzicht van innovatieve mogelijkheden voor 2024 waarmee u creatievere webervaringen kunt creëren met minder inspanning.
Ingebouwde AI in Chrome helpt ontwikkelaars krachtige functies te leveren met Gemini
Tijdens Google I/O 2024 hebben we aangekondigd hoe we AI gebruiken om het web een boost te geven met Gemini Nano, rechtstreeks in Chrome gebouwd. Tot nu toe hebben meer dan 13.000 van jullie deelgenomen aan het early preview-programma om ons te helpen de toekomst van het web vorm te geven. We zijn enorm dankbaar voor jullie bijdragen en we kunnen niet wachten op alle innovatieve AI-ervaringen die jullie gaan creëren.
Om u te helpen AI optimaal te benutten, hebben we verschillende ingebouwde API's gelanceerd in proefversies, zoals de experimentele Prompt API , Translator API , Summarizer API en Language Detector API . Met al deze API's kunt u AI-gestuurde taken in de browser uitvoeren zonder serveraanroepen, en hoeft u uw eigen AI-modellen niet te beheren en te implementeren. Meer dan 8600 ontwikkelaars hebben zich aangemeld voor de Google Chrome Built-in AI Challenge om een webapp of Chrome-extensie te bouwen met behulp van deze API's. We maken de winnaars medio januari bekend, dus blijf op de hoogte.
AI op het apparaat krijgt een boost met WebAssembly (Wasm) en WebGPU-verbeteringen
Wij geloven dat het web de beste runtime is om AI-apps te bouwen die iedereen kunnen bereiken. Als aanvulling op ons werk aan ingebouwde AI API's hebben we ook verbeteringen aangebracht aan twee technologieën waarmee u uw eigen AI-modellen naar het web kunt brengen en ze razendsnel kunt uitvoeren: WebGPU en Wasm.
We hebben 16-bits floating-pointwaarden geïntroduceerd in WebGPU en ingepakte integer dot-producten , die flexibeler gebruik van de GPU van een apparaat met compute shaders mogelijk maken. Toekomstige verbeteringen voor WebGPU zijn onder andere subgroepen en subgroepmatrices . Deze functies stellen apps in staat om snel te communiceren tussen GPU-threads en matrixvermenigvuldiging met vaste grootte optimaal te benutten. We zullen in 2025 ook Memory64 in Wasm introduceren, zodat grotere AI-modellen in het geheugen kunnen worden verwerkt.
Met de View Transition API voelen sites zich meer verbonden dan ooit dankzij probleemloze navigatie
Met nieuwe mogelijkheden zoals cross-document weergaveovergangen kunt u naadloze, vloeiende navigatie over meerdere pagina's creëren. Een paar regels CSS zijn voldoende om die vervelende 'knipperingen' bij het opnieuw laden te elimineren. De resulterende vloeiende, native navigatie helpt u meeslependere ervaringen te bieden en tegelijkertijd de voordelen van architecturen met meerdere pagina's te behouden.
CSS-popover en ankerpositionering maken interactieve overlays mogelijk zonder JavaScript
Je kunt nu tooltips, menu's en andere overlays met popover maken en deze visueel verbinden met hun triggerelementen met de CSS Anchor Positioning API . Je hebt alleen een beetje CSS en HTML nodig om ervoor te zorgen dat overlays verankerd en zichtbaar blijven, zelfs wanneer mensen scrollen of de grootte van vensters wijzigen. Je gebruikers krijgen een betrouwbaardere, dynamische webervaring en jij bent bevrijd van z-indexbeheer en ingewikkelde JavaScript-positioneringswiskunde. Een win-winsituatie.
Speculatieregels API maakt bijna onmiddellijke navigatie mogelijk door pagina's vooraf te renderen
De laadtijden van pagina's zijn dit jaar van snel naar vrijwel direct gegaan dankzij de Speculation Rules API . Deze API, die slechts een paar regels JSON nodig heeft om te implementeren, maakt het mogelijk om pagina's volledig op de achtergrond te pre-renderen, zodat ze klaar zijn voor gebruik wanneer uw gebruikers dat ook zijn.
Interaction to Next Paint (INP) wordt een Core Web Vital
INP verving First Input Delay in maart als Core Web Vital om u te helpen de responsiviteit van pagina's uitgebreider te meten, verder dan de eerste gebruikersinvoer. Sindsdien is het aantal sites met een "goede" INP op mobiel met 9% gestegen , wat zich vertaalt in snellere en prettigere gebruikerservaringen op het web.
Met automatisch invullen kunt u gebruikers verrassen met soepelere online afrekeningen
Het inschakelen van automatisch invullen , waarmee browsers formuliervelden automatisch kunnen invullen met de opgeslagen gegevens van gebruikers, kan mensen stimuleren om formulieren in te vullen. Toen het Chrome-team anonieme, verzamelde gegevens van duizenden online formulieren analyseerde, ontdekten ze dat het aantal afgebroken formulieren gemiddeld met 75% afnam bij gebruik van automatisch invullen. Hoewel veel factoren bijdragen aan een positieve betaalervaring, suggereren de gegevens dat automatisch invullen een nuttige rol kan spelen.
Automatisch invullen is vooral handig voor e-commerce betaalprocessen. Bij Shopify hebben gastbetalingen met automatisch invullen een 45% hogere conversieratio dan gastbetalingen zonder automatisch invullen.
Chrome DevTools gaat een stap verder met AI-aangedreven oplossingen
Je herinnert je misschien nog dat we Gemini introduceerden in Chrome DevTools met console-inzichten , waardoor je toegang hebt tot AI-gestuurde debugging voor efficiëntere probleemoplossing. Sinds Google I/O 2024 is deze functie wereldwijd beschikbaar.
We hebben ook het AI-assistentiepaneel gelanceerd, dat Gemini gebruikt om u te helpen de technische details van uw pagina te begrijpen, zoals styling, netwerkverzoeken, bronnen en prestaties.
Je hebt misschien al gemerkt dat het Prestatiepaneel dit jaar ook veel verbeteringen heeft ondergaan, waaronder de mogelijkheid om Core Web Vitals in realtime te monitoren en annotaties toe te voegen . Daarnaast hebben we de kracht van Lighthouse geïntegreerd in het Prestatiepaneel met prestatie-inzichten .
Met deze AI-ondersteunde verbeteringen, verbeteringen aan het Prestatiepaneel en tientallen updates voor een betere gebruikerservaring, zoals scrollbadges , is Chrome DevTools nuttiger dan ooit. Nog meer verbeteringen, zoals verbeterde prestaties met de nieuwe Gemini 2.0-modellen, komen in 2025.
Baseline 2024 biedt ontwikkelaars nieuwe cross-browser webfuncties
Van gradiëntinterpolatie tot geregistreerde aangepaste eigenschappen, Baseline 2024 bevat tot nu toe 39 nieuwe, browseronafhankelijke webfuncties. U hoeft zich geen zorgen te maken over interoperabiliteit zodra een functie minimaal 30 maanden deel uitmaakt van Baseline. Maar als u twijfelt of het gebruik van een nieuwe functie de moeite waard is om mogelijk wat bereik te verliezen, bekijk dan Akamai's RUM Archive Insights voor de functies van elke Baseline-versie en het wereldwijde gebruikersaandeel.
Onze favoriete Baseline-aankondiging van het jaar is het Web Platform Status-dashboard , dat alle webfuncties en hun browseronafhankelijke ondersteuning weergeeft. Wat nog spannender is, is dat de data die het Web Platform Status-dashboard aanstuurt , open en beschikbaar is voor gebruik en integratie in uw eigen tools. Een goed voorbeeld hiervan is de Baseline-banner .
Grote browsers bieden meer functies Baseline met Interop 2024
Om Baseline nog meer functies te bieden, hebben we opnieuw met onze partners samengewerkt aan Interop 2024. De beoogde functies voor dit jaar zijn onder andere popover, CSS-nesting, aanpassing van de lettergrootte en relatieve kleursyntaxis.
Interop geeft ook scores weer voor experimentele en stabiele browserreleases. De algehele Interop-score voor stabiele browsers staat momenteel op 87, en Chrome Stable heeft een score van 98 nu we het einde van het jaar naderen. U kunt de voortgang van browsers volgen op het Interop-dashboard . We zijn al bezig met de planning voor Interop 2025, dat we in februari aankondigen.
Samen de groei van het web vormgeven in het nieuwe jaar
Hoe spannend onze vooruitgang in 2024 ook is, we weten dat de toekomst er nog rooskleuriger uitziet. En dat allemaal dankzij de collectieve passie, feedback en innovatie van jullie – onze ontwikkelaarscommunity. Tijdens evenementen over de hele wereld, van de BrazilJS Conference en DevFest Paris tot Google I/O 2024 en de allereerste Web AI Summit , was één ding ons keer op keer duidelijk: jullie geloven allemaal net zo sterk in de kracht en het potentieel van het web als wij.
Je hebt gedurfdere ideeën dan ooit. Wij helpen je graag om ze tot leven te brengen. Blijf dus in contact met ons via X , YouTube en LinkedIn voor onze laatste updates. Laten we samen de kracht van het web opnieuw beleven .