10 aggiornamenti da Google I/O 2024: sfruttare la potenza dell'IA per ogni sviluppatore web

Ad agosto il web compirà 35 anni. Generazioni di sviluppatori hanno dato forma a questa incredibile tecnologia e hanno portato innumerevoli innovazioni nelle nostre vite. Ora è l'alba di una nuova generazione, con l'IA. Ecco 10 interessanti funzionalità presentate durante la nostra Keynote per sviluppatori e le sessioni I/O che ti guideranno verso un migliore sviluppo, tramite un web più potente e semplificato.

1. Integrazione di Gemini Nano in Chrome per computer per offrire nuove funzionalità di IA on-device

A partire da Chrome 126, Gemini Nano sarà incorporato in Chrome per computer. Perché è importante? Potrai offrire potenti funzionalità di IA ai miliardi di utenti di Chrome senza doverti preoccupare di progettazione rapida, messa a punto, capacità o costi. "Aiutami a scrivere" è disponibile in Chrome con la potenza del dispositivo per aiutare gli utenti a scrivere contenuti brevi.

Aiutaci a plasmare il futuro del web registrandoti al nostro programma di anteprima.

2. WebAssembly e WebGPU consentono l'IA on-device, indipendentemente dal modello di IA utilizzato

Abbiamo investito molto per garantire che i modelli di IA vengano eseguiti in modo rapido ed efficiente utilizzando WebGPU e Wasm, le tecnologie di base che consentono l'IA on-device sul web. Nuovi miglioramenti, come i valori in virgola mobile a 16 bit in WebGPU, la memoria 64 e l'integrazione delle promesse JavaScript in Wasm, stanno rendendo l'AI ancora più veloce. Con Wasm e WebGPU, le tue librerie AI potranno eseguire modelli su larga scala su una vasta gamma di hardware.

3. Chrome DevTools basato sull'AI semplifica la procedura di debug

Chrome DevTools è uno dei modi più utilizzati per eseguire il debug e ottimizzare l'app. Con l'IA, il debug diventerà molto più semplice. Stiamo portando Gemini nella console Chrome DevTools per generare approfondimenti, aiutarti a capire qual è il problema e persino a capire come risolverlo.

Gli approfondimenti della console di Chrome DevTools sono attualmente disponibili come funzionalità sperimentale negli Stati Uniti e a breve verranno implementati in altri paesi.

4. L'API Speculation Rules offre esperienze di navigazione istantanee

Con la nuova API Regole di speculazione, stiamo attivando una navigazione quasi istantanea, accelerando notevolmente la navigazione tramite il pre-caricamento e il pre-rendering delle pagine in background. Pensa in termini di millisecondi instead of secondi. E soprattutto: Per iniziare, sono necessarie solo alcune righe di codice e l'IA può essere utilizzata per prevedere in modo intelligente i pattern di navigazione.

Esempio di Tokopedia: l'impatto del pre-rendering porta a un tempo di caricamento molto più rapido, anche su una connessione lenta.

5. Visualizzare le transizioni per i siti con più pagine

Vogliamo ridefinire il modo in cui gli utenti utilizzano il web. Per gli sviluppatori, vogliamo cambiare il modo in cui crei contenuti per il web. Con l'API View Transition, puoi animare facilmente tra gli stati della pagina. Ora funziona anche con le app multipagina, consentendoti di creare una navigazione fluida indipendentemente dall'architettura del tuo sito. Se combinate con le Regole di speculazione e l'IA, le transizioni di pagina possono essere davvero fluide.

6. Dashboard della piattaforma web per una visualizzazione unificata su tutti i browser

Sappiamo che non è facile stare al passo con le ultime modifiche alle piattaforme, alle API e ai framework su tutti i browser quando sono in costante aggiornamento. La base di riferimento consente di capire quali funzionalità web sono supportate su tutti i browser. Ora, con la dashboard della piattaforma web, potrai visualizzare l'intera piattaforma web mappata come un insieme di funzionalità, seguirne lo sviluppo e verificarne lo stato di interoperabilità.

7. Strumenti di riferimento direttamente nel flusso di lavoro

La linea di base funziona al meglio se è integrata nel tuo flusso di lavoro. Da oggi, l'archivio RUM di Akamai offre un nuovo strumento per gli sviluppatori in RUM Archive Insights. Per la prima volta, puoi visualizzare la sulla quota di utenti a livello globale delle versioni e delle funzionalità di Baseline sbloccate con quella versione di Baseline, affiancate.

8. L'idratazione parziale in Angular consente di migliorare le prestazioni

Riteniamo che una delle migliori piattaforme per la creazione e il deployment di app web sia Angular. Al momento stiamo lavorando all'idratazione parziale, quindi JavaScript caricherà e idrata solo parte dell'app quando necessario, migliorando notevolmente Core Web Vitals per le app sensibili alle prestazioni. Dai un'occhiata nell'anteprima per sviluppatori nelle prossime due settimane.

9. Reattività granulare di Angular con Signals, subito pronta all'uso

Vogliamo offrirti un controllo più granulare sul rilevamento e sulla gestione delle modifiche nelle tue app. Ecco la reattività granulare con Signals. Angular fornisce un nuovo insieme di API reattive che offrono un'esperienza di primo livello per gli sviluppatori con Signals. Inoltre, gli indicatori consentono il rilevamento granulare delle modifiche, che controlla solo una parte dell'albero dei componenti per propagare le modifiche dello stato, quindi non dovrai più ottimizzare manualmente l'interfaccia utente.

Le API reattive basate su indicatori sono disponibili oggi stesso, senza alcuna configurazione. Il rilevamento dei cambiamenti granulari sarà disponibile entro la fine dell'anno.

10. Creare esperienze immersive 3D nell'API Maps JavaScript

Stiamo sbloccando altri modi per creare esperienze web immersive, integrando le mappe 3D fotorealistiche nella familiare API Maps JavaScript di Google Maps Platform. Ora puoi sfruttare la tecnologia di rendering di Google per offrire mappe 3D dettagliate alla velocità che i tuoi utenti si aspettano. Il bello è che puoi iniziare con una sola riga di codice.

Non vediamo l'ora di scoprire le esperienze immersive e straordinarie che creerai. Ulteriori informazioni.


Ogni giorno superi la complessità dello sviluppo, spingendo al limite le possibilità. Siamo entusiasti di aiutarti a creare nuove esperienze da condividere con tutti. Visita developer.chrome.com e web.dev per scoprire di più su questo potente web, reso più semplice. E non dimenticare di contattarci su X, YouTube e ora anche su LinkedIn.

Ci vediamo al prossimo I/O.