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

Paul Kinlan
Paul Kinlan

Questo agosto il web compie 35 anni. Generazioni di sviluppatori hanno dato forma a questa incredibile tecnologia e hanno introdotto innumerevoli innovazioni nelle nostre vite. Ora è l'alba di una nuova generazione, con l'IA. Di seguito sono riportate 10 entusiasmanti funzionalità presentate nel discorso di apertura e nelle sessioni di I/O per sviluppatori che ti guideranno nel percorso verso un migliore sviluppo, attraverso un web più potente e più semplice.

1. Integrazione di Gemini Nano nella versione desktop di Chrome per offrire nuove funzionalità di IA on-device

A partire da Chrome 126, Gemini Nano sarà integrato nel desktop di Chrome. Perché è importante? Sarai in grado di fornire potenti funzionalità di IA ai miliardi di utenti di Chrome senza doverti preoccupare di progettazione del prompt, ottimizzazione, capacità o costi. La funzionalità "Aiutami a scrivere" è disponibile in Chrome con alimentazione sul dispositivo, per aiutare gli utenti a scrivere contenuti nel formato breve.

Aiutaci a plasmare il futuro del web iscrivendoti 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 IA vengano eseguiti in modo rapido ed efficiente utilizzando WebGPU e Wasm, le tecnologie backbone che abilitano l'IA on-device sul web. I nuovi miglioramenti, come i valori in virgola mobile a 16 bit in WebGPU e l'integrazione di Memory64 e JavaScript Promise in Wasm, stanno rendendo l'esecuzione dell'IA ancora più veloce. Con Wasm e WebGPU, le tue librerie IA saranno in grado di eseguire modelli su larga scala su una vasta gamma di hardware.

3. Chrome DevTools basato sull'IA semplificherà il processo di debug

Chrome DevTools è uno dei modi più popolari per eseguire il debug e ottimizzare la tua app. Grazie all'IA, il debug diventa molto più semplice. Stiamo portando Gemini nella console Chrome DevTools per aiutarti a generare informazioni, aiutarti a capire qual è il problema e persino a capire come risolverlo.

Gli approfondimenti sulla console di Chrome DevTools sono attualmente disponibili come funzionalità sperimentale negli Stati Uniti e saranno presto disponibili in altri paesi.

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

Con la nuova API Speculation Rules, stiamo abilitando la navigazione quasi istantanea, velocizzando notevolmente la navigazione tramite il precaricamento e il prerendering delle pagine in background. Pensa ai millisecondi anziché ai secondi. E soprattutto: Bastano poche righe di codice per iniziare e l'IA può essere usata per prevedere i pattern di navigazione.

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

5. Visualizza transizioni per siti con più pagine

Vogliamo ridefinire l'esperienza degli utenti sul web. Per gli sviluppatori, vogliamo cambiare il modo in cui crei per il web. Con l'API View Transizione, puoi eseguire facilmente l'animazione tra gli stati delle pagine. E ora funziona con le app con più pagine, in modo da creare una navigazione fluida indipendentemente dall'architettura del sito. Se combinate con regole di speculazione e IA, le transizioni di pagina possono essere veramente fluide.

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

Sappiamo che non è facile stare al passo con le più recenti modifiche delle piattaforme, le API e i framework dei browser quando vengono aggiornati costantemente. Baseline consente di capire quali funzionalità web sono supportate in tutti i browser. Ora, con la dashboard della piattaforma web, puoi vedere l'intera piattaforma web mappata come un insieme di funzionalità, seguirne lo sviluppo e controllare lo stato di interoperabilità.

7. Strumenti di riferimento, direttamente nel flusso di lavoro

La base di riferimento funziona al meglio quando è integrata nel flusso di lavoro. A partire da oggi, RUM Archive di Akamai offre un nuovo strumento per gli sviluppatori su RUM Archive Insights. Per la prima volta, puoi vedere la quota utenti globale delle versioni e delle funzionalità di Baseline sbloccate insieme a quella versione di Baseline.

8. L'idratazione parziale in Angular consente prestazioni migliori

Crediamo che Angular sia una delle migliori piattaforme per la creazione e il deployment di app web. Ora stiamo lavorando sull'idratazione parziale, quindi JavaScript si caricherà e eseguirà l'idratazione di parte della tua app solo quando necessario, migliorando notevolmente i Core Web Vitals per le app sensibili alle prestazioni. Dai un'occhiata all'anteprima per sviluppatori nelle prossime due settimane.

9. Reattività granulare e angolare con gli indicatori, fin da subito

Vogliamo offrirti un controllo più granulare sul rilevamento e sulla gestione delle modifiche nelle tue app. Invio: reattività granulare con gli indicatori. Angular fornisce un nuovo insieme di API reattive che offrono agli sviluppatori un'esperienza di primissimo livello con gli indicatori. Inoltre, gli indicatori consentono un rilevamento granulare delle modifiche, che controllerà solo una frazione della struttura dei componenti per propagare le modifiche di stato, in modo da non dover più ottimizzare manualmente l'interfaccia utente.

Le API reattive basate su segnali sono già disponibili, pronte per l'uso. Il rilevamento granulare delle modifiche sarà disponibile entro la fine dell'anno.

10. Crea esperienze immersive in 3D nell'API Maps JavaScript

Stiamo offrendo ulteriori modi per creare esperienze web immersive, integrando le mappe 3D fotorealistiche nella nota API Maps JavaScript di Google Maps Platform. Ora puoi sfruttare la tecnologia di rendering di Google per pubblicare mappe 3D dettagliate alla velocità prevista dagli utenti. La parte migliore è che puoi iniziare con una sola riga di codice.

Non vediamo l'ora di vedere le meravigliose esperienze immersive che creerai. Scopri di più.


Ogni giorno attraversi la complessità dello sviluppo e superare i limiti del possibile. Siamo lieti di aiutarti a creare nuove esperienze per tutti noi. Visita developer.chrome.com e web.dev per scoprire di più su questo potente web semplificato. Assicurati di contattarci su X, YouTube e ora su LinkedIn.

Ci vediamo al prossimo I/O.