{"id":33901,"date":"2019-10-31T21:55:19","date_gmt":"2019-10-31T18:55:19","guid":{"rendered":"https:\/\/prohoster.info\/blog\/cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript\/"},"modified":"2019-10-31T21:55:19","modified_gmt":"2019-10-31T18:55:19","slug":"cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript","status":"publish","type":"post","link":"https:\/\/prohoster.info\/it\/blog\/novosti-interneta\/cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript","title":{"rendered":"Cloudflare, Mozilla e Facebook stanno sviluppando BinaryAST per accelerare il caricamento di JavaScript.","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Ingegneri di aziende come Cloudflare, Mozilla, Facebook e Bloomberg hanno proposto<\/a><\/noindex> un nuovo formato BinaryAST<\/a><\/noindex> per accelerare la consegna e l'elaborazione del codice JavaScript durante l'apertura dei siti nei browser. BinaryAST sposta la fase di parsing sul server e fornisce gi\u00e0 un albero sintattico astratto (AST<\/a><\/noindex>). Al ricevimento di BinaryAST, il browser pu\u00f2 subito passare alla fase di compilazione, evitando il parsing del codice sorgente JavaScript. <\/p>\n

Per il test \u00e8 stata preparata<\/a><\/noindex> Implementazione di riferimento, rilasciata sotto licenza MIT. Per il parsing vengono utilizzati componenti di Node.js, mentre il codice per l'ottimizzazione e la generazione dell'AST \u00e8 scritto in Rust. Su lato browser, il supporto
\ndi BinaryAST \u00e8 gi\u00e0 disponibile in build notturni<\/a><\/noindex> Firefox. Il codificatore in BinaryAST pu\u00f2 essere applicato sia a livello di strumenti del sito finale che per l'imballaggio di script di siti esterni sul lato proxy o nella rete di distribuzione dei contenuti. Attualmente \u00e8 gi\u00e0 iniziato il processo di standardizzazione del BinaryAST da parte del gruppo di lavoro ECMA TC39<\/a><\/noindex>, al termine del quale il formato potr\u00e0 coesistere con i metodi esistenti di compressione dei contenuti, come gzip e brotli. <\/p>\n

\"Cloudflare,<\/a><\/noindex><\/center>
\n
\"Cloudflare,<\/a><\/noindex><\/center><\/p>\n

Il tempo significativo per l'elaborazione di JavaScript \u00e8 occupato dalla fase di caricamento e di parsing del codice. Considerando che il volume di JavaScript caricato su molti siti web popolari si avvicina ai 10 MB (ad esempio, per LinkedIn \u2014 7,2 MB, Facebook \u2014 7,1 MB, Gmail \u2014 3,9 MB), l'elaborazione iniziale di JavaScript introduce un ritardo considerevole. La fase di parsing lato browser \u00e8 ulteriormente rallentata a causa dell'impossibilit\u00e0 di costruire correttamente l'AST in tempo reale, mentre il codice viene caricato (il browser deve attendere il completamento del caricamento dei blocchi di codice, come la fine delle funzioni, per ottenere le informazioni mancanti necessarie per il parsing degli elementi attuali).<\/p>\n

Parzialmente, si cerca di affrontare il problema diffondendo il codice in versioni minimizzate e compresse, oltre che attraverso la memorizzazione nella cache del bytecode generato dal browser. Poich\u00e9 sui siti moderni il codice viene aggiornato con una certa frequenza, la memorizzazione nella cache risolve solo parzialmente il problema. Una possibile soluzione potrebbe essere WebAssembly, ma richiede l'uso di una tipizzazione esplicita nel codice e non \u00e8 adatta per accelerare l'elaborazione del codice JavaScript esistente. <\/p>\n

Un'altra opzione \u00e8 la consegna di bytecode precompilato invece di script JavaScript, ma gli sviluppatori dei motori dei browser si oppongono, poich\u00e9 il bytecode esterno \u00e8 difficile da verificare, la sua elaborazione diretta pu\u00f2 portare a una frammentazione del Web, vengono create ulteriori minacce alla sicurezza e richiede lo sviluppo di un formato di bytecode universale.<\/p>\n

BinaryAST si integra nel modello attuale di sviluppo e distribuzione del codice senza creare un nuovo bytecode e senza modificare il linguaggio JavaScript. La dimensione dei dati in formato BinaryAST \u00e8 comparabile a quella di JavaScript compresso e minificato, mentre la velocit\u00e0 di elaborazione aumenta notevolmente grazie all'esclusione della fase di parsing dei testi sorgente. Inoltre, il formato consente la compilazione in bytecode durante il caricamento di BinaryAST, senza attendere il completamento della ricezione di tutti i dati. Inoltre, il parsing lato server consente di escludere dal rendering di BinaryAST funzioni non utilizzate e codice superfluo, il che risparmia tempo sia durante il parsing nel browser che nella trasmissione di traffico inutile.<\/p>\n

Una caratteristica di BinaryAST \u00e8 la capacit\u00e0 di ripristinare JavaScript leggibile che non corrisponde esattamente alla versione originale, ma \u00e8 semanticamente equivalente e include gli stessi nomi di variabili e funzioni (BinaryAST conserva i nomi, ma non mantiene le informazioni sulle posizioni nel codice, la formattazione e i commenti). D'altra parte, si presentano nuovi vettori per attacchi, sebbene gli sviluppatori ritengano che siano significativamente inferiori e pi\u00f9 controllabili rispetto all'uso di alternative, come la distribuzione del bytecode.<\/p>\n

I test del codice di facebook.com hanno dimostrato che l'analisi di JavaScript consuma il 10-15% delle risorse CPU e il parsing richiede pi\u00f9 tempo rispetto alla generazione del bytecode e alla creazione iniziale del codice per JIT. Nel motore SpiderMonkey, il tempo di costruzione totale dell'AST \u00e8 di 500-800 ms e l'uso di BinaryAST ha permesso di ridurre questo valore del 70-90%.
\nIn generale, per la maggior parte dei framework web, l'uso di BinaryAST riduce il tempo di parsing di JavaScript del 3-10% in modalit\u00e0 non ottimizzata e del 90-97% quando viene attivata la modalit\u00e0 di ignorare le funzioni non utilizzate.
\nDurante l'esecuzione di un pacchetto di test JavaScript di 1,2 Mb, l'uso di BinaryAST ha consentito di ridurre il tempo di avvio da 338 a 314 ms su un sistema desktop (Intel i7) e da 2019 a 1455 ms su un dispositivo mobile (HTC One M8).<\/p>\n

<\/a><\/noindex><\/p>\n

Fonte: opennet.ru<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"

\u0418\u043d\u0436\u0435\u043d\u0435\u0440\u044b \u0438\u0437 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439 Cloudflare, Mozilla, Facebook \u0438 Bloomberg \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b\u0438 \u043d\u043e\u0432\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442 BinaryAST \u0434\u043b\u044f \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 JavaScript \u043a\u043e\u0434\u0430 \u043f\u0440\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u0441\u0430\u0439\u0442\u043e\u0432 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435. BinaryAST \u0432\u044b\u043d\u043e\u0441\u0438\u0442 \u0444\u0430\u0437\u0443 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0440\u0430\u0437\u0431\u043e\u0440\u0430 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0438 \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0443\u0436\u0435 \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0435 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0434\u0435\u0440\u0435\u0432\u043e (AST). \u041f\u0440\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0438 BinaryAST \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0441\u0440\u0430\u0437\u0443 \u043c\u043e\u0436\u0435\u0442 \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u044e \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438, \u043c\u0438\u043d\u0443\u044f \u043f\u0430\u0440\u0441\u0438\u043d\u0433 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 JavaScript. […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":25564,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-33901","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-novosti-interneta"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Cloudflare, Mozilla e Facebook sviluppano BinaryAST per velocizzare il caricamento di JavaScript | ProHoster","description":"Ingegneri di Cloudflare, Mozilla, Facebook e Bloomberg hanno proposto un nuovo formato BinaryAST per accelerare la consegna e l'elaborazione del codice JavaScript durante l'apertura di siti web nel browser. BinaryAST sposta la fase di analisi sintattica sul server e fornisce un albero sintattico astratto (AST) gi\u00e0 formato. Ricevendo il BinaryAST, il browser pu\u00f2 immediatamente passare alla fase di compilazione, saltando l'analisi del codice sorgente JavaScript.","canonical_url":"https:\/\/prohoster.info\/it\/blog\/novosti-interneta\/cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"it_IT","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47Cloudflare, Mozilla \u0438 Facebook \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0442 BinaryAST \u0434\u043b\u044f \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 JavaScript | ProHoster","og:description":"\u0418\u043d\u0436\u0435\u043d\u0435\u0440\u044b \u0438\u0437 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439 Cloudflare, Mozilla, Facebook \u0438 Bloomberg \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b\u0438 \u043d\u043e\u0432\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442 BinaryAST \u0434\u043b\u044f \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 JavaScript \u043a\u043e\u0434\u0430 \u043f\u0440\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u0441\u0430\u0439\u0442\u043e\u0432 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435. BinaryAST \u0432\u044b\u043d\u043e\u0441\u0438\u0442 \u0444\u0430\u0437\u0443 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0440\u0430\u0437\u0431\u043e\u0440\u0430 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0438 \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0443\u0436\u0435 \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0435 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0434\u0435\u0440\u0435\u0432\u043e (AST). \u041f\u0440\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0438 BinaryAST \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0441\u0440\u0430\u0437\u0443 \u043c\u043e\u0436\u0435\u0442 \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u044e \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438, \u043c\u0438\u043d\u0443\u044f \u043f\u0430\u0440\u0441\u0438\u043d\u0433 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 JavaScript.","og:url":"https:\/\/prohoster.info\/it\/blog\/novosti-interneta\/cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T18:55:19+00:00","article:modified_time":"2019-10-31T18:55:19+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"33901","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-21 17:09:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 02:31:22","updated":"2026-01-21 17:09:19"},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts\/33901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/comments?post=33901"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts\/33901\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/media\/25564"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/media?parent=33901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/categories?post=33901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/tags?post=33901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}