Aspetta… cosa!?

ES module syntax (ESM) è l’ultimo sistema di moduli nativo di JavaScript. Ratificato ufficialmente nel 2015, la sua sintassi import / export è più compatta, più facilmente analizzata e ottimizzata in modo affidabile. Tutto ciò si traduce in JavaScript più piccolo e più veloce sul web.

Sfortunatamente, la maggior parte dei siti genera ancora un singolo bundle “browser più vecchio”, il che significa che ogni utente (anche la maggior parte che utilizza i browser moderni) ottiene bundle JavaScript sovracompilati che non supportano ESM.,

Pika sta lavorando per creare strumenti e servizi migliori che rendano JavaScript moderno e focalizzato su ESM più accessibile agli autori di pacchetti e agli sviluppatori di applicazioni.

In che modo ESM rende il mio sito web più veloce del 90%?

ESM introduce qualcosa di nuovo a JavaScript e al modo in cui funziona il web: ogni modulo JavaScript può ora essere indicizzato e memorizzato nella cache in un modo universalmente accessibile. Ciò significa che qualsiasi sito può inviare nuove modifiche e il browser di un utente recupererà solo i file che sono stati modificati. Niente più dipendenze in bundle con il codice sorgente., Non più modifiche a riga singola che eliminano l’intero pacchetto memorizzato nella cache delle applicazioni.

Non sto ancora capendo questo numero del 90%…

Ok, ecco perché questo è importante: una media del 90% del codice del sito web proviene da pacchetti open source e da altre terze parti. Pika sta costruendo un mondo in cui le librerie di terze parti possono essere caricate, memorizzate nella cache e condivise tra i siti. I browser non dovrebbero aver bisogno di scaricare nuovamente le stesse librerie open source (React, Lodash, jQuery) più e più volte per ogni sito che le utilizza.,

Con ESM e cross-origin caching, possiamo creare un mondo in cui i siti possono condividere le dipendenze memorizzate nella cache. Potresti visitare un sito per la prima volta e avere già tutte le sue dipendenze di terze parti memorizzate nella cache nel tuo browser, pronte per l’esecuzione, memorizzate nella cache dalle visite ad altri siti.

Che dire di POSSIB {POSSIBLE_ISSUE}?

C’è ancora molto da lavorare qui prima che questo diventi realtà. Ad esempio, come possono i browser introdurre abbastanza cuscino ed entropia nella cache del browser per mitigare le impronte digitali della cache di origine incrociata? Che dire del web packaging per supportare la condivisione di codice da più origini?, Treeshaking è ancora una cosa? La storia della sicurezza è solida?

Siamo ancora a pochi anni di distanza dal finale, ma le implicazioni per le prestazioni web sono enormi. Puoi unirti a noi oggi mentre iniziamo a esplorare e costruire questo nuovo mondo di JavaScript.

Seguici su Twitter Sostienici su Patreon!