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

Il web compie 35 anni ad agosto. Generazioni di sviluppatori hanno dato forma a questa incredibile tecnologia e hanno apportato innumerevoli innovazioni nelle nostre vite. Con l'IA, l'inizio di una nuova generazione è arrivata. Ecco 10 fantastiche funzionalità presentate nel nostro discorso di apertura e durante le sessioni I/O per sviluppatori che ti guideranno verso uno sviluppo migliore, attraverso una tecnologia web più potente e resa più semplice.

1. Integrazione di Gemini Nano nel 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? Potrai fornire potenti funzionalità di IA ai miliardi di utenti di Chrome senza doverti preoccupare di progettazione dei prompt, ottimizzazione, capacità o costi. "Aiutami a scrivere" è disponibile in Chrome con potenza sul dispositivo per aiutare gli utenti a scrivere contenuti nel formato breve.

Aiutaci a plasmare il futuro del web registrandoci al nostro programma Anteprima in anteprima.

2. WebAssembly e WebGPU consentono l'IA on-device, a prescindere 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 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'IA ancora più veloce. Con Wasm e WebGPU, le librerie IA saranno in grado di eseguire modelli su larga scala su un'enorme gamma di hardware.

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

Chrome DevTools è uno dei modi più popolari per eseguire il debug e ottimizzare l'app. Con l'IA, il debug diventerà molto più semplice. Stiamo trasferendo Gemini nella console Chrome DevTools per generare dati approfonditi, aiutarti a capire qual è il problema e persino 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 Speculation Rules, attiviamo la navigazione quasi istantanea, velocizzando drasticamente la navigazione grazie al precaricamento e al pre-rendering delle pagine in background. Pensa a millisecondi anziché secondi. E soprattutto: Richiede solo poche righe di codice per iniziare e l'IA può essere usata per prevedere gli schemi di navigazione.

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

5. Visualizza l'API Transiziones per i siti con più pagine

Vogliamo ridefinire l'esperienza degli utenti sul web. Per gli sviluppatori, vogliamo cambiare il modo in cui si crea per il web. Con l'API View Transiziones, puoi animare facilmente tra gli stati delle pagine. E ora funziona con le app con più pagine, che ti consentono di creare una navigazione fluida indipendentemente dall'architettura del sito. Se combinate con regole di speculazione e 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 più recenti modifiche di piattaforma, API e framework su più browser, quando sono in continuo aggiornamento. Lo strumento Base di riferimento consente di comprendere quali funzionalità web sono supportate su tutti i browser. Ora, con la dashboard di Web Platform, potrai vedere 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 tuo flusso di lavoro

La base di riferimento funziona al meglio quando è integrata nel flusso di lavoro. Da oggi, l'archivio RUM di Akamai ha un nuovo strumento per gli sviluppatori su RUM Archive Insights. Per la prima volta, puoi visualizzare la quota utenti globale delle versioni e delle funzionalità di riferimento che sono sbloccate con quella versione di base, affiancate.

8. L'idratazione parziale in Angular migliora le prestazioni

Riteniamo che una delle migliori piattaforme per la creazione e il deployment di app web sia Angular. Ora stiamo lavorando all'idratazione parziale, quindi JavaScript caricherà e idratarà parte della tua app solo quando necessario, migliorando notevolmente i Core Web Vital per le app sensibili alle prestazioni. Scopri di più nell'anteprima per gli sviluppatori nelle prossime settimane.

9. Reattività angolare granulare con indicatori, fin dal primo avvio

Vogliamo offrirti un controllo più granulare sul rilevamento e sulla gestione delle modifiche alle tue app. Inserisci: reattività granulare con la funzionalità Indicatori. Angular offre un nuovo set di API reattive che offrono un'esperienza di sviluppo di prima classe con Signals. Inoltre, gli indicatori consentono un rilevamento granulare delle modifiche, che controllerà solo una parte della struttura ad albero dei componenti per propagare le modifiche di stato, così non dovrai più ottimizzare manualmente l'interfaccia utente.

Le API reattive basate su indicatori sono già disponibili fin dal primo avvio. Il rilevamento granulare delle modifiche sarà disponibile entro la fine dell'anno.

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

Stiamo sbloccando altri modi per creare esperienze web immersive portando Maps 3D fotorealistiche nella nota API Maps JavaScript di Google Maps Platform. Ora puoi sfruttare la tecnologia di rendering di Google per offrire mappe 3D avanzate alla velocità che i tuoi utenti si aspettano. La parte migliore: puoi iniziare usando una sola riga di codice.

Non vediamo l'ora di vedere le straordinarie e coinvolgenti esperienze che creerai. Scopri di più.


Ogni giorno, stai superando la complessità dello sviluppo, superando 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, reso più semplice. E assicurati di contattarci su X, YouTube e ora su LinkedIn.

Ci vediamo al prossimo I/O!