In breve: la settimana web che porta al 13 ottobre 2026 è quella di JPEG XL: Chrome lo decodifica dalla versione 155 con un decoder scritto in Rust e Firefox 158 lo attiva di default. Next.js 16.4 rende le Cache Components la scelta consigliata e annuncia per il 14 ottobre un aggiornamento di sicurezza con due vulnerabilità critiche; Safari Technology Preview 254 aggiunge nuove scorciatoie CSS.
Questo è il primo numero di Web e frontend, la sezione settimanale su browser, CSS, JavaScript e framework frontend. Le altre sezioni sono in Notizie tech, le cinque notizie principali nel numero di oggi e l'archivio di questa sezione è in Web e frontend. Prima di pubblicare un sito costruito con l'AI c'è la checklist per un sito vibe-coded.
Browser
Chrome supporta JPEG XL dalla versione 155, con un decoder in Rust
Fonte: Chrome for Developers · 6 ottobre 2026
Da Chrome 155 il browser decodifica le immagini JPEG XL (.jxl). Il formato promette una compressione migliore del 30-50% rispetto a JPEG, la compressione lossless, l'HDR e la conversione lossless dei JPEG esistenti. Per ridurre i rischi di sicurezza Google ha integrato jxl-rs, un decoder scritto interamente in Rust, e consiglia di provare sia AVIF sia JPEG XL.
Perché conta: dopo anni di stallo JPEG XL diventa un'opzione reale per foto e immagini ad alta fedeltà. Con un elemento picture e un fallback si può iniziare a servirlo subito ai browser che lo accettano.
Firefox 158 attiva JPEG XL di default e la typed arithmetic in CSS
Fonte: MDN, Firefox 158 for developers · rilascio segnalato da Phoronix il 12 ottobre 2026
Firefox 158 abilita JPEG XL senza flag e aggiunge image/jxl all'header Accept delle richieste di immagini. Per gli sviluppatori arriva la typed arithmetic in CSS: con calc() si possono dividere due valori dello stesso tipo anche con unità diverse, ottenendo un numero.
Perché conta: con Chrome e Firefox allineati, JPEG XL esce dalla nicchia, e l'header Accept permette di scegliere il formato lato server o CDN. La typed arithmetic apre a layout e animazioni che finora richiedevano JavaScript.
Safari Technology Preview 254: size, interpolate-size e nuovi shorthand
Fonte: WebKit Blog · 8 ottobre 2026
La release 254 di Safari Technology Preview aggiunge le proprietà shorthand size, min-size e max-size, gli shorthand per i raggi di un lato come border-top-radius e la proprietà interpolate-size, che permette di animare verso e da auto. Corregge anche vari problemi di VoiceOver e delle animazioni legate allo scroll.
Perché conta: interpolate-size risolve un classico, l'animazione di un'altezza verso auto senza trucchi in JavaScript. Finché non è in tutti i browser va usata come miglioramento progressivo.
WebGPU in Chrome 155-156: fragment_depth e bindless in prova
Fonte: Chrome for Developers · 7 ottobre 2026
L'estensione WGSL fragment_depth permette di dichiarare se la profondità scritta dallo shader è maggiore o minore di quella interpolata, così il driver può mantenere le ottimizzazioni early-Z invece di disattivarle. Il bindless rendering è disponibile in via sperimentale su Android, Linux e Windows.
Perché conta: per chi fa grafica 3D o visualizzazioni pesanti nel browser sono guadagni di prestazioni concreti. Il bindless è ancora sperimentale: utile per prototipi, non per la produzione.
Framework
Next.js: aggiornamento di sicurezza il 14 ottobre, due vulnerabilità critiche
Fonte: Next.js Blog · 8 ottobre 2026
Mercoledì 14 ottobre 2026 il team di Next.js pubblicherà un aggiornamento di sicurezza fuori ciclo per tre vulnerabilità in dipendenze upstream: due critiche e una alta. Due delle correzioni erano state rinviate dal rilascio di sicurezza di settembre per coordinarsi con i progetti upstream. Gli advisory completi, con versioni colpite e istruzioni, usciranno insieme all'aggiornamento.
Perché conta: chi ha app Next.js in produzione dovrebbe tenersi libero il 14 ottobre per aggiornare, con la pipeline di deploy pronta. Due critiche in un colpo solo non sono da rimandare.
Next.js 16.4: le Cache Components diventano la scelta consigliata
Fonte: Next.js Blog · 6 ottobre 2026
Con la 16.4 il team consiglia le Cache Components per ogni app, e create-next-app le attiva di default sui progetti nuovi; diventeranno il default in Next.js 17. Il modello rende la cache opt-in e dichiarativa con 'use cache' e cacheLife. Per i progetti esistenti arrivano next upgrade --agent, con istruzioni per gli agenti di coding, e skill dedicate; la release include anche React 19.3, build più piccole e meno memoria in sviluppo.
Perché conta: il modello di caching di Next.js cambia di nuovo, e con Next.js 17 sarà obbligatorio. Chi avvia un progetto oggi dovrebbe partire con le Cache Components, chi ne ha uno grande può iniziare la migrazione per pezzi.
Astro 7.3.8: fix su Astro.cache e meno dipendenza da esbuild
Fonte: GitHub, release withastro/astro · 8 ottobre 2026
La patch 7.3.8 corregge Astro.cache che risultava undefined quando una pagina 404 o 500 personalizzata veniva resa dal gestore degli errori, e un bug per cui astro add cancellava le approvazioni allowBuilds in pnpm-workspace.yaml con pnpm dalla 11.0 alla 11.22. Internamente bundling e trasformazioni passano a transformWithOxc di Vite e a Rolldown al posto di esbuild.
Perché conta: chi usa pnpm 11 con Astro rischiava di vedersi bloccare le build degli script dopo un astro add: aggiornare evita la sorpresa. L'abbandono di esbuild allinea Astro al Vite basato su Rolldown.