Data di pubblicazione: 10 novembre 2026
In questa nuova era dello sviluppo web agentico, gli sviluppatori si aspettano che i loro agenti di programmazione siano esperti nella creazione di siti web. Sebbene i modelli di programmazione di ultima generazione siano piuttosto capaci e di solito possano produrre qualcosa che funziona, se chiedi a uno sviluppatore web di esaminare il codice generato dall'AI, quasi sempre troverà il modo di renderlo più veloce, più accessibile o più sicuro.
Chrome sta investendo molto nel futuro dello sviluppo web basato su agenti e, per affrontare questa sfida, a maggio abbiamo introdotto un'anteprima di Modern Web Guidance al Google I/O. Modern Web Guidance è un insieme di competenze che incorporano l'esperienza della piattaforma web, le best practice e i dati di compatibilità del browser direttamente nei tuoi agenti di programmazione.
Oggi siamo felici di annunciare la release stabile della versione 1.0 di Modern Web Guidance, che include:
- Nuovo flusso di lavoro di modernizzazione che analizza il codebase esistente per aiutare l'agente a trovare opportunità di modernizzazione in modo sicuro.
- Database di guide ampliato che copre centinaia di lacune di conoscenza dell'AI verificate con soluzioni cross-browser convalidate da esperti.
- Revisione più approfondita da parte di esperti umani per ogni guida, inclusa l'approvazione dei tech lead dell'area dei contenuti e una revisione dedicata dell'accessibilità delle nostre guide rivolte agli utenti.
- Copertura completa della valutazione in tutte le nostre guide con una dashboard di valutazione pubblica che mostra i miglioramenti misurabili rispetto agli agenti senza Modern Web Guidance.
Con la versione 1.0, siamo anche felici di annunciare che Modern Web Guidance sta diventando un'iniziativa cross-browser, con Firefox ed Edge che si uniscono a Chrome per supportare, migliorare la compatibilità cross-browser e contribuire al progetto. Sulla base del nostro lavoro condiviso con Baseline, il nostro obiettivo è garantire che chiunque scriva codice con un agente possa sfruttare appieno la potenza e le funzionalità della piattaforma web moderna.
Indipendentemente dai modelli o dalle infrastrutture agentiche che utilizzi, se stai creando per il web, Modern Web Guidance deve far parte dei tuoi Agentic Workflows.
Per installare Modern Web Guidance, esegui questo comando dalla directory del progetto:
npx modern-web-guidance@latest install
In alternativa, se hai già installato una versione precedente, puoi eseguire l'aggiornamento alla versione 1.0 eseguendo:
npx modern-web-guidance@latest update
Per ulteriori istruzioni di installazione o per saperne di più, consulta la documentazione di Modern Web Guidance o guarda questo video per una breve panoramica:
Perché gli sviluppatori e le aziende dovrebbero utilizzare Modern Web Guidance
È innegabile che gli agenti di programmazione abbiano aiutato gli sviluppatori a scrivere codice più velocemente che mai. Ma in un mondo in cui tutti utilizzano agenti di programmazione, la velocità non è più un vantaggio competitivo.
Oggi è più importante che mai differenziarsi su fattori fondamentali come l'usabilità e la qualità dell'esperienza. Ecco alcuni modi in cui Modern Web Guidance può aiutarti:
Rafforzare le best practice che i modelli spesso non seguono
Sebbene i modelli di programmazione di frontiera abbiano una buona conoscenza di molte best practice, le nostre valutazioni mostrano che ci sono ancora diverse aree importanti in cui non sono all'altezza, ad esempio:
- Accessibilità: selezione della tastiera e gestione degli elementi inerti, supporto per la riduzione dei movimenti e convalida dei moduli accessibile.
- Esperienza utente: gesti di scorrimento e tocco, transizioni di finestre di dialogo e popover e implementazioni di temi chiari/scuri.
- Prestazioni: pianificazione delle attività del thread principale, isolamento del rendering fuori schermo e prevenzione delle variazioni del layout.
- Sicurezza: sanitizzazione HTML sicura, Content Security Policy rigorose e gestione delle credenziali delle passkey.
È particolarmente importante seguire le best practice per l'accessibilità, perché errori come un ARIA non corretto possono rendere una pagina meno accessibile rispetto a una pagina senza ARIA. Per la versione 1.0, le nostre guide rivolte agli utenti sono state esaminate e testate con tecnologie per la disabilità reali da esperti di accessibilità che le utilizzano ogni giorno.
Utilizza la funzionalità web migliore per l'attività
I modelli di AI sono molto bravi a capire come far funzionare qualcosa con JavaScript, ma in molti casi esistono funzionalità HTML o CSS che possono fare la stessa cosa con molto meno codice. Inoltre, poiché vengono gestiti dal browser, in genere hanno un rendimento migliore e sono dotati di funzionalità di accessibilità. Ad esempio:
- Funzionalità per animare popover e finestre di dialogo
- Funzionalità per migliorare le interazioni basate su scorrimento e scorrimento rapido
- API migliori per transizioni di pagina fluide e senza interruzioni
Le nuove funzionalità possono anche migliorare l'esperienza di un sito in modi importanti per gli utenti. Ad esempio:
- Passkey e WebAuthn: per esperienze di accesso più rapide e sicure
- Compilazione automatica: per migliorare i flussi di checkout (soprattutto su dispositivi mobili) che spesso non vanno a buon fine quando si utilizzano controlli dei moduli personalizzati basati su JavaScript.
Modern Web Guidance è progettato per consigliare la funzionalità migliore per l'attività, in base ai requisiti di supporto del browser. Le sue guide hanno dati incorporati di Baseline e di compatibilità del browser, in modo da poter personalizzare i suoi consigli in base alle esigenze del tuo progetto.
Scansiona il tuo codebase e trova opportunità di modernizzazione
La maggior parte dello sviluppo web non avviene in progetti completamente nuovi. Si verifica in codebase esistenti che hanno accumulato anni di soluzioni alternative obsolete, dipendenze non necessarie e polyfill non più necessari.
La versione 1.0 aggiunge un nuovo workflow di modernizzazione che può analizzare i tuoi file HTML, CSS, JavaScript e package.json esistenti per trovare opportunità di upgrade sicuro e poi guidare l'agente attraverso le modifiche.
/modern-web-guidance Modernize the code in this directory
In questa prima release, il flusso di lavoro di modernizzazione utilizza l'analisi statica per verificare un insieme limitato di pattern. Abbiamo scelto di iniziare con un ambito ristretto che produce risultati prevedibili, per poi espanderlo. Nel tempo, prevediamo di coprire molte altre aree, tra cui gli audit degli agenti, in cui l'agente ragiona direttamente sul codice anziché limitarsi a trovare corrispondenze con pattern noti.
Rimani aggiornato con l'evoluzione della piattaforma web
La piattaforma web è un bersaglio mobile. Nuove funzionalità vengono introdotte nei browser a ogni milestone e le funzionalità esistenti che forse non potevi utilizzare prima diventano Baseline con ogni nuova release del browser.
Poiché Modern Web Guidance si basa sui dati di compatibilità di Baseline e i suoi consigli sono gestiti da ingegneri dei browser, esperti di standard web e specialisti dell'accessibilità, questi consigli si evolvono insieme alla piattaforma stessa e ora anche il tuo progetto può farlo.
Scopri le nuove funzionalità web e le best practice
Sebbene Modern Web Guidance sia stato creato principalmente come strumento per gli agenti, molti sviluppatori ci hanno riferito di aver trovato la guida molto utile anche da sola, come risorsa di apprendimento.
Anche in questa era di programmazione basata su agenti, lo sviluppo di competenze di dominio ha ancora un valore. Modern Web Guidance può aiutarti in questo: leggendo le guide o utilizzando l'interfaccia a riga di comando per cercare casi d'uso e scoprire nuove tecniche che potrebbero essere pertinenti per il tuo progetto.
Abbinare Modern Web Guidance con Chrome DevTools per agenti
Nello sviluppo web agentico, la scrittura del codice è solo una parte del workflow. Devi anche eseguire il codice per assicurarti che funzioni come previsto. Per questo motivo, consigliamo agli sviluppatori di utilizzare Modern Web Guidance insieme a Chrome DevTools per agenti.
- Modern Web Guidance fornisce all'agente le competenze iniziali necessarie per scrivere codice seguendo le best practice moderne.
- Chrome DevTools per agenti offre all'agente visibilità sull'Agent Runtime, in modo che possa verificare, eseguire il debug e ottimizzare il codice in un'ampia gamma di funzionalità dei dispositivi, preferenze degli utenti e condizioni di rete.
Insieme, questi elementi aiutano l'agente a trovare una soluzione migliore in meno turni. Di seguito sono riportati alcuni esempi di come puoi utilizzare questi strumenti insieme per massimizzare l'efficacia:
Ottimizza fino a raggiungere il target di rendimento
Modern Web Guidance può insegnare all'agente come suddividere in modo efficace le attività JavaScript a lunga esecuzione che bloccano il thread principale, ma non può testare il codice per vedere per quanto tempo queste attività JavaScript bloccano effettivamente il thread principale.
Con Chrome DevTools per agenti, puoi eseguire una traccia del rendimento su una CPU di fascia bassa simulata per verificare se hai un problema, quindi utilizzare i consigli sul rendimento di Modern Web Guidance per eseguire l'iterazione fino a quando il codice non blocca mai il thread principale per più di 50 millisecondi (in modo da non contribuire a un INP scadente).
Testa e perfeziona le animazioni
Modern Web Guidance può mostrare all'agent come animare in modo corretto ed efficiente funzionalità come finestre di dialogo modali, tooltip e menu popover, ma anche con questa guida devi comunque verificare che le animazioni funzionino effettivamente e abbiano un bell'aspetto quando vengono utilizzate nel contesto dell'applicazione completa.
Chrome DevTools per agenti può eseguire il codice, interagire con la pagina e registrare lo schermo dell'animazione in azione. In questo modo, può studiare la registrazione per assicurarsi che l'animazione venga eseguita e che si adatti allo stile e all'aspetto del resto del sito.
Puoi anche utilizzare Chrome DevTools per agenti per verificare che, quando prefers-reduced-motion è impostato, il componente rispetti le preferenze dell'utente.
Memorizza nella cache le visualizzazioni senza perdite di memoria
Modern Web Guidance può insegnare all'agente come rendere istantanee le transizioni delle SPA eseguendo il rendering e memorizzando nella cache le visualizzazioni in memoria, nascondendole al contempo correttamente dall'albero di accessibilità.
Tuttavia, in questo caso è importante assicurarsi di eliminare correttamente le visualizzazioni inutilizzate per non perdere memoria se l'utente rimane sulla pagina per molto tempo. Chrome DevTools per agenti dispone di strumenti di debug della memoria, in modo che l'agente possa assicurarsi che l'utilizzo della memoria non aumenti senza limiti.
Per un'analisi più approfondita di come utilizzare Modern Web Guidance e Chrome DevTools per agenti insieme, guarda questo video:
Casi di successo
I team di ingegneria di tutto il mondo utilizzano già Modern Web Guidance e Chrome DevTools per agenti per migliorare la qualità del codice, accelerare la distribuzione ed eliminare i colli di bottiglia del debug manuale:
Pensionbazaar e Policybazaar
Pensionbazaar, una nuova piattaforma di pianificazione pensionistica lanciata dalla società fintech indiana Paisabazaar, ha abbinato Modern Web Guidance a Chrome DevTools per agenti per creare e verificare nuove pagine, riducendo i tempi di consegna di oltre il 90% (da circa quattro giorni a poche ore) e i bug dell'interfaccia utente nelle nuove schermate di oltre il 90%. La sua piattaforma gemella Policybazaar, una delle principali piattaforme assicurative indiane con oltre 97 milioni di clienti registrati, ha utilizzato Chrome DevTools per agenti per automatizzare i controlli delle prestazioni su circa 30 pagine di destinazione ad alto traffico, riducendo l'impegno di controllo manuale del 92%:
"Per Pensionbazaar, la nostra priorità era creare un codice di qualità fin dal primo giorno per evitare il debito tecnico in un secondo momento. Modern Web Guidance ha guidato il nostro agente di programmazione nell'adozione di standard web moderni e best practice per le prestazioni, rispettando al contempo i nostri target di compatibilità con i browser specifici. In questo modo, le nostre revisioni del codice frontend sono diventate molto più semplici e veloci, migliorando in ultima analisi i tempi di sviluppo."
—Aman Soni, Engineering Manager, Policybazaar
WeTV
WeTV, la piattaforma di streaming video internazionale di Tencent, ha aggiunto un agente di programmazione AI alla sua pipeline CI/CD che utilizza Chrome DevTools per agenti per diagnosticare le regressioni delle prestazioni e Modern Web Guidance per correggerle utilizzando le funzionalità della piattaforma web moderna. L'agente ora diagnostica e risolve automaticamente il 90% dei controlli delle prestazioni non riusciti, riducendo i tempi di debug e risoluzione dell'87% (da quattro ore a 30 minuti, inclusa la valutazione manuale):
"I risultati sono stati molto efficaci sia in termini di velocità che di qualità. Gli insight diagnostici forniti da Chrome DevTools per agenti e Modern Web Guidance ci hanno fornito riferimenti affidabili per risolvere problemi di layout complessi. Eseguiamo una verifica rigorosa dopo ogni correzione e l'attuale tasso di successo e stabilità ha migliorato notevolmente la nostra fiducia nelle release."
—Yangjie Zheng, Head of Engineering, WeTV (Tencent)
note inc.
note inc., una delle più grandi piattaforme per creator e media del Giappone con oltre 90 milioni di utenti attivi mensili, ha utilizzato Modern Web Guidance insieme al suo sistema di progettazione interno nell'ambito di un impegno continuo per modernizzare il suo frontend Next.js. In una valutazione di 180 esecuzioni sulla sua codebase di produzione, Modern Web Guidance ha aumentato le percentuali di superamento dei controlli web moderni dal 61% al 94%, indirizzando gli agenti a utilizzare funzionalità HTML e CSS native anziché JavaScript personalizzato per animazioni di scorrimento, tooltip e accordion. Inoltre, ha aumentato la corretta definizione della priorità delle immagini LCP del 28% su 431 PR uniti:
"La nostra missione in note è 'Inizia e continua a creare', quindi la nostra piattaforma deve rimanere veloce e accessibile per ogni creator e lettore. Poiché una parte sempre maggiore del nostro codice viene scritta con agenti di programmazione AI, Modern Web Guidance li aiuta a trovare soluzioni moderne basate su standard, anziché ricorrere a pattern JavaScript meno recenti. Inoltre, evidenzia dettagli che sono facili da trascurare, come la priorità di caricamento delle immagini e l'accessibilità dei moduli. In combinazione con il nostro sistema di progettazione, ci consente di continuare a migliorare Note mantenendo la nostra UI coerente."
—Takehiko Itabashi, VP of Technology, note inc.
MetaMask
MetaMask, una piattaforma finanziaria self-custodial con oltre 100 milioni di download in circa 190 paesi, esegue Modern Web Guidance come bot di revisione automatizzata su ogni richiesta di pull alla sua estensione del browser open source, configurata con un prompt di sole tre righe. Nelle prime cinque settimane, il bot ha esaminato circa 480 richieste di pull e ha commentato 64 di queste, portando gli ingegneri a correggere 43 risultati (principalmente problemi di accessibilità, semantica HTML e moduli che i linter non rilevano) con un tempo mediano di 15 minuti dal commento alla correzione:
"Le recensioni sono davvero utili. Ci hanno aiutato a far emergere e a far familiarizzare i nostri ingegneri con API moderne come Interest Invokers e l'API Popover. Non ha aumentato i tempi di revisione delle PR, anzi, probabilmente li ha ridotti. I problemi rilevati da MWG avrebbero altrimenti richiesto un revisore umano che avesse familiarità con queste moderne tecniche web."
—Francis Nepomuceno, UX Engineer, MetaMask
Supporto dell'ecosistema e assistenza dalla community
Modern Web Guidance è nata come iniziativa all'interno di Chrome, ma il raggiungimento di questo traguardo della versione 1.0 è stato il risultato di una collaborazione con numerosi esperti della community web.
Ringraziamo i tech lead delle aree di contenuti che supervisionano ogni area della piattaforma web, i nostri partner dei browser Firefox ed Edge, gli esperti indipendenti di standard web e accessibilità che hanno scritto e testato le guide e tutti i collaboratori open source su GitHub che hanno contribuito a dare forma a questa release.
Se noti una lacuna in ciò che gli agenti di programmazione sanno del web o vuoi contribuire a migliorare una guida esistente, consulta la guida ai contributi per partecipare.
Inizia a utilizzare Modern Web Guidance
Per aggiungere Modern Web Guidance al tuo progetto, esegui il programma di installazione dell'interfaccia a riga di comando dalla directory del progetto:
npx modern-web-guidance@latest install
In alternativa, se hai già installato una versione precedente, puoi eseguire l'aggiornamento alla versione 1.0 eseguendo:
npx modern-web-guidance@latest update
Oltre alla CLI, puoi installare e aggiornare Modern Web Guidance direttamente tramite i marketplace di plugin agenti di programmazione più popolari, tra cui Claude Code, Codex, Cursor, Antigravity, Copilot, WebStorm, Kimi Code e Grok Build.
Per saperne di più, consulta queste risorse: