Data di pubblicazione: 13 dicembre 2024
Essere online agli albori del web significava aspettare pazientemente la lenta connessione dial-up e armeggiare con frammenti di Perl e HTML. Ma il web si è evoluto in modo esponenziale in quello che sembra un istante. Che tu stia ricevendo consegne di generi alimentari dell'ultimo minuto o utilizzando l'AI per riassumere una miriade di articoli lunghi, un link è ora un portale di infinite possibilità.
È per questo che molti di noi amano il web. Per aiutarti ad attirare più persone in tutto il mondo, abbiamo lanciato nuovi strumenti per tutti gli sviluppatori web, che si tratti di sviluppatori frontend o full-stack, principianti o professionisti.
Dai un'occhiata al nostro riepilogo del 2024 delle funzionalità innovative che ti consentono di creare esperienze web più fantasiose con meno sforzo.
L'AI integrata in Chrome aiuta gli sviluppatori a fornire funzionalità potenti con Gemini
Alla conferenza Google I/O 2024, abbiamo annunciato come stiamo utilizzando l'AI per potenziare il web con Gemini Nano integrato direttamente in Chrome. A oggi, più di 13.000 persone hanno partecipato al programma di anteprima per aiutarci a plasmare il futuro del web. Siamo molto grati per i tuoi contributi e non vediamo l'ora di scoprire tutte le esperienze di AI innovative che creerai.
Per aiutarti a sfruttare al meglio l'AI, abbiamo lanciato diverse API integrate nelle prove dell'origine, come l'API Prompt sperimentale, l'API Translator, l'API Summarizer e l'API Language Detector. Tutte ti consentono di eseguire attività basate sull'AI nel browser senza chiamate al server e non è necessario gestire e distribuire i tuoi modelli di AI. Oltre 8600 sviluppatori si sono registrati per la sfida AI integrata di Google Chrome per creare un'app web o un'estensione di Chrome utilizzando queste API. Annunceremo i vincitori a metà gennaio, quindi continua a seguirci.
L'AI on-device viene potenziata con i miglioramenti di WebAssembly (Wasm) e WebGPU
Riteniamo che il web sia il runtime migliore per creare app basate sull'AI che possano raggiungere tutti. Per completare il nostro lavoro sulle API AI integrate, abbiamo anche apportato miglioramenti a due tecnologie che ti consentono di portare i tuoi modelli di AI sul web ed eseguirli rapidamente: WebGPU e Wasm.
Abbiamo introdotto valori in virgola mobile a 16 bit in WebGPU e prodotti scalari interi compressi, che consentono un utilizzo più flessibile della GPU di un dispositivo con gli shader di calcolo. I miglioramenti futuri pianificati per WebGPU includono sottogruppi e matrici di sottogruppi. Queste funzionalità consentiranno alle app di comunicare rapidamente tra i thread della GPU e di sfruttare al meglio la moltiplicazione di matrici di dimensioni fisse. Nel 2025 introdurremo anche Memory64 in Wasm per consentire di indirizzare modelli di AI più grandi in memoria.
L'API View Transition rende i siti più connessi che mai con una navigazione fluida
Con nuove funzionalità come le transizioni tra documenti, puoi creare una navigazione fluida e senza interruzioni tra più pagine. Bastano poche righe di CSS per eliminare i fastidiosi "lampeggiamenti" di ricarica. La navigazione fluida e simile a quella nativa che ne risulta ti aiuta a offrire esperienze più coinvolgenti mantenendo i vantaggi delle architetture multipagina.
Il posizionamento di ancoraggio e popup CSS consente overlay interattivi senza JavaScript
Ora puoi creare descrizioni comando, menu e altre sovrapposizioni con popover e
collegarli visivamente agli elementi trigger con l'API CSS Anchor Positioning. Ti basterà un po' di CSS e HTML per assicurarti che le overlay rimangano ancorate e visibili anche quando gli utenti scorrono o ridimensionano le finestre. I tuoi utenti ottengono un'esperienza web più affidabile e dinamica e tu non devi più gestire l'indice Z e complicati calcoli di posizionamento JavaScript. Tutti ci guadagnano.
L'API Speculation Rules consente una navigazione quasi istantanea tramite il prerendering delle pagine
Quest'anno i tempi di caricamento delle pagine sono passati da veloci a quasi istantanei grazie all'API Speculation Rules. Questa API, che richiede solo poche righe di JSON per l'implementazione, consente di eseguire il prerendering completo delle pagine in background, in modo che siano pronte all'uso quando gli utenti le aprono.
Interaction to Next Paint (INP) diventa una metrica di Core Web Vitals
A marzo, INP ha sostituito First Input Delay come metrica di Core Web Vital per aiutarti a misurare la reattività della pagina in modo più completo oltre al primo input dell'utente. Da allora, si è registrato un aumento del 9% del numero di siti con un valore INP "buono" su dispositivi mobili, il che si traduce in esperienze utente più veloci e piacevoli sul web.
La compilazione automatica ti consente di offrire agli utenti pagamenti online più semplici
L'attivazione della compilazione automatica, che consente ai browser di compilare automaticamente i campi dei moduli con le informazioni salvate degli utenti, può incoraggiare le persone a completare l'invio dei moduli. Quando il team di Chrome ha analizzato dati anonimi e aggregati su migliaia di moduli online, ha riscontrato una riduzione dell'abbandono dei moduli in media del 75% quando è stata utilizzata la compilazione automatica. Sebbene molti fattori contribuiscano a un'esperienza di pagamento positiva, i dati suggeriscono che la compilazione automatica può svolgere un ruolo utile.
La compilazione automatica è particolarmente utile per i flussi di pagamento dell'e-commerce. Su Shopify,i pagamenti senza registrazione né compilazione automatica hanno un tasso di conversione del 45% più alto rispetto a quelli senza compilazione automatica.
Chrome DevTools migliora con soluzioni basate sull'AI
Forse ricorderai che abbiamo introdotto Gemini in Chrome DevTools con gli approfondimenti della console, consentendoti di accedere al debug basato sull'AI per una risoluzione dei problemi più efficiente. Dal Google I/O 2024, questa funzionalità è disponibile a livello globale.
Abbiamo anche lanciato il pannello Assistenza AI, che utilizza Gemini per aiutarti a comprendere i dettagli tecnici della pagina, come stile, richieste di rete, fonti e rendimento.
Avrai notato che anche il pannello Rendimento ha ricevuto molti miglioramenti quest'anno, tra cui la possibilità di monitorare i Segnali web essenziali in tempo reale e di aggiungere annotazioni. Inoltre, abbiamo integrato la potenza di Lighthouse nel riquadro Prestazioni con gli approfondimenti sul rendimento.
Grazie a questi miglioramenti basati sull'AI, ai miglioramenti del pannello Rendimento e a decine di aggiornamenti della qualità della vita, come i badge di scorrimento, Chrome DevTools è più utile che mai. Nel 2025 verranno apportati ulteriori miglioramenti, come prestazioni migliorate con i nuovi modelli Gemini 2.0.
Baseline 2024 offre agli sviluppatori nuove funzionalità web cross-browser
Dall'interpolazione del gradiente alle proprietà personalizzate registrate, Baseline 2024 include finora 39 nuove funzionalità web cross-browser. Non dovresti preoccuparti dell'interoperabilità una volta che una funzionalità fa parte di Baseline per almeno 30 mesi. Tuttavia, se stai cercando di decidere se l'utilizzo di una nuova funzionalità valga la pena di perdere potenzialmente un po' di copertura, consulta RUM Archive Insights di Akamai per le funzionalità di ogni versione di base e la quota di utenti a livello globale.
Il nostro annuncio preferito di Baseline dell'anno è la dashboard Stato della piattaforma web, che elenca tutte le funzionalità web insieme al loro livello di supporto cross-browser. Ancora più entusiasmante è il fatto che i dati che alimentano la dashboard Stato della piattaforma web sono aperti e disponibili per l'utilizzo e l'integrazione nei tuoi strumenti. Un ottimo esempio è il banner di base.
I principali browser rendono più funzionalità di base con Interop 2024
Per contribuire a portare più funzionalità in Baseline, abbiamo collaborato ancora una volta con i nostri partner per Interop 2024. Le funzionalità di destinazione di quest'anno includono il popover, l'annidamento CSS, l'aggiustamento delle dimensioni del carattere e la sintassi del colore relativo.
Interop delinea anche i punteggi per le release sperimentali e stabili dei browser. Il punteggio di interoperabilità complessivo per i browser stabili è attualmente pari a 87 e Chrome Stable ha un punteggio di 98 con l'avvicinarsi della fine dell'anno. Puoi rimanere aggiornato sui progressi dei browser nella dashboard Interop. Stiamo già pianificando Interop 2025, che annunceremo a febbraio.
Dare forma alla crescita del web insieme nel nuovo anno
I progressi del 2024 sono entusiasmanti, ma sappiamo che il futuro è ancora più promettente. E tutto questo grazie alla passione, ai feedback e all'innovazione collettivi della nostra community di sviluppatori. In occasione di eventi in tutto il mondo, dalla BrazilJS Conference e DevFest Paris a Google I/O 2024 e al primo Web AI Summit, una cosa ci è apparsa chiara più e più volte: tutti voi credete nel potere e nel potenziale del web tanto quanto noi.
Hai idee più audaci che mai. Ci impegniamo ad aiutarti a realizzarli. Quindi, seguici su X, YouTube e LinkedIn per ricevere i nostri ultimi aggiornamenti e reimmaginiamo insieme il potere del web.