Ti diamo il benvenuto nella prima puntata di un riepilogo mensile in cui ripercorriamo le novità del team dell'ecosistema per sviluppatori web✨
Siamo un team di ingegneri e comunicatori che produce articoli e esempi di codice come questo sito web Elementi fondamentali del web e il nostro nuovissimo portale web.dev. Puoi anche seguire il nostro lavoro sul nostro canale YouTube e non dimenticare di seguirci su @ChromiumDev :)
Febbraio è un mese breve, ma non mancano di certo i contenuti. Iniziamo con le release importanti del team.
Release
Workbox
Workbox 4.0 è stato rilasciato solo pochi giorni fa.🎉 Questa release include nuove fantastiche funzionalità come workbox-window e miglioramenti a molti dei pacchetti Workbox esistenti. Se utilizzi già Workbox, consulta la guida alla migrazione dalla versione 3 alla versione 4.
Ti stai chiedendo come utilizzare Workbox nel tuo progetto esistente? Ecco una guida su come utilizzarli con i pacchettisti che preferisci.
Non sai quale problema aiuta a risolvere Workbox? Dai un'occhiata a questa
intervista sui service worker nel
programma State of the Web.
lit-html e LitElement
Il team del progetto Polymer è al lavoro sulla release stabile di lit-html e LitElement, due librerie per lo sviluppo web di nuova generazione. Vuoi provarli? Inizia con la guida Prova LitElement 📝
Attività web attendibili
Con il rilascio di Chrome 72, Attività web attendibile (TWA) sono entrate sul mercato. Le TWA ti consentono di avere Chrome a schermo intero all'interno di un'attività Android, il che significa che puoi portare i tuoi contenuti web nell'app-sphere📱 Dai un'occhiata a questa guida introduttiva o scopri come @svenbudak ha caricato la sua PWA sul Google Play Store.
Passaggi successivi
Con la release stabile di Chrome 73 all'orizzonte (12 marzo), abbiamo molte funzionalità interessanti da trattare.
V8: il motore JavaScript di Chrome ha una serie di aggiornamenti, tra cui Object.fromEntries e
String.prototype.matchAll. Consulta la nota di rilascio di v8.
Utilizzi audio e video sul web? Il supporto dei tasti multimediali hardware è arrivato e la funzionalità "Salta annuncio" nella finestra Picture-in-Picture è ora in versione di prova. Per saperne di più, consulta Aggiornamenti audio/video in Chrome 73.
A proposito della prova dell'origine, preparati per la priorità di recupero con
Priorità di recupero, gli sviluppatori possono impostare l'importanza di un elemento <script>, <img> o <link>
per indicare al browser come caricarli. Si tratta ancora di una funzionalità sperimentale, quindi provala e inviaci un feedback.
Le prestazioni di rendering sono sempre al centro della nostra attenzione. In Chrome 73, gli ascoltatori wheel e mousewheel registrati su target principali (finestra, documento o corpo) saranno ascoltatori passivi per impostazione predefinita, che forniscono un scorrimento rapido con la rotellina per impostazione predefinita.
Oltre a dare il benvenuto alle nuove funzionalità, dobbiamo anche salutare quelle che non saranno più disponibili, quindi assicurati di controllare anche le ritiri e le rimozioni per Chrome 73.
Nuovo sviluppo
Ecco alcune altre funzionalità su cui stiamo lavorando e che saranno disponibili su un browser vicino a te.
Per contribuire a prevenire il cross-site scripting, stiamo sviluppando una nuova API chiamata Trusted Types. L'attivazione dei tipi attendibili (tramite Content Security Policy) blocca il documento dall'iniezione DOM. Stiamo lavorando per fornire ulteriori esempi di codice e guide in merito, ma nel frattempo scopri di più sui tipi attendibili per provarli.
Premere i pulsanti Indietro e Avanti su Chrome potrebbe presto diventare molto veloce. Stiamo valutando una nuova cache di navigazione per memorizzare le pagine in memoria quando l'utente esce dalla pagina. Consulta la spiegazione e un prototipo di bfcache in questo post.
Infine, Intersection observer v2 introduce l'idea di monitorare la "visibilità" effettiva di un target.
Cosa stiamo modificando
Il nostro lavoro non si limita alle funzionalità del browser. Esaminiamo anche le prestazioni delle applicazioni web, sviluppiamo app web e cerchiamo diversi modi per aiutare gli sviluppatori web di tutto il mondo. Ecco alcune delle cose che abbiamo modificato questo mese.
- Rendering sul web
- Priorità di caricamento di JavaScript in Chrome
- Disattivare le importazioni di grandi dimensioni dai progetti JavaScript
- Destinazione condivisione file web
- Sostituzione di un percorso frequente nel codice JavaScript dell'app con WebAssembly
- CSS componibili: stili riutilizzabili senza problemi
- React progressivo
- Problemi di rendimento del negozio web
Nuovi video e podcast
Martin sta avviando una nuova serie chiamata SEO per JavaScript. La prima puntata riguarda come la Ricerca Google indicizza i siti JavaScript. Di recente Meggin ha presentato riflessioni sul progetto web.dev durante un meetup. Jake e Surma sono tornati con un nuovo episodio del podcast HTTP203 dedicato all'esperimento di rotazione delle immagini.
Sul nostro canale YouTube sono disponibili anche programmi regolari come "Novità di Chrome", "Novità di DevTools" e "The State of the Web"".
Un saluto speciale
Hai visto gli esempi di Puppeteer? Potresti averlo visto nel tweet di Eric Bidelman "📯I 12 giorni di Puppeteer 🤹🏻♂️🎁" lo scorso anno. Si tratta di una fantastica raccolta di esempi di codice Puppeteer che ti consente di pensare in modo creativo a cosa puoi fare con il browser. Dai un'occhiata.
In bocca al lupo per la tua nuova avventura, Eric. Ci mancherai.
In sintesi
Ti è piaciuto il primo Recap mensile? Se ti è piaciuto o hai idee per migliorarlo, non esitare a contattarmi su Twitter @kosamari ✅
Se hai creato qualcosa di nuovo utilizzando le funzionalità introdotte qui o hai modificato qualcosa nella tua base di codice in base ai nostri articoli, non esitare a contattarci all'indirizzo @ChromiumDev.
A marzo, alcuni di noi voleranno in India per scoprire di più sull'esperienza web mobile ✈️ Non vediamo l'ora di condividere ciò che impareremo.
Ci vediamo il mese prossimo.👋