{"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\/news\/cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript","title":{"rendered":"Cloudflare, Mozilla e Facebook sviluppano BinaryAST per accelerare il caricamento di JavaScript","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

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

Per il testing \u00e8 stata preparata<\/a><\/noindex> una implementazione di riferimento, fornita sotto licenza MIT. Per l'analisi si utilizzano componenti di Node.js, mentre il codice per l'ottimizzazione e la formazione dell'AST \u00e8 scritto in Rust. Sul lato dei browser, il supporto
\nper BinaryAST \u00e8 gi\u00e0 disponibile in versioni notturne<\/a><\/noindex> Firefox. Il codificatore in BinaryAST pu\u00f2 essere utilizzato sia a livello di strumenti del sito finale, sia per confezionare script di siti esterni sul lato proxy o della rete di distribuzione dei contenuti. Attualmente \u00e8 gi\u00e0 iniziato il processo di standardizzazione di BinaryAST da parte del gruppo di lavoro ECMA TC39<\/a><\/noindex>, dopo il quale il formato potr\u00e0 coesistere con i metodi esistenti di compressione dei contenuti forniti, quali gzip e brotli. <\/p>\n

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

Un notevole tempo nella gestione di JavaScript \u00e8 occupato dalla fase di caricamento e analisi del codice. Considerando che la dimensione di JavaScript caricato su molti siti popolari si avvicina ai 10 MB (ad esempio, LinkedIn \u2014 7.2 MB, Facebook \u2014 7.1 MB, Gmail \u2014 3.9 MB), la fase iniziale di elaborazione di JavaScript introduce un ritardo significativo. La fase di parsing nel browser \u00e8 anche rallentata dalla difficolt\u00e0 di costruire un AST completo 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 analizzare gli elementi correnti).<\/p>\n

Parzialmente il problema viene cercato di risolvere attraverso la diffusione del codice in forma minimizzata e compressa, nonch\u00e9 mediante l'utilizzo della cache del bytecode generato dal browser. Nei siti moderni, il codice viene aggiornato abbastanza spesso, quindi la cache risolve solo parzialmente il problema. Una soluzione potrebbe essere rappresentata da WebAssembly, ma richiede l'uso di tipizzazione esplicita nel codice e non si presta bene ad accelerare l'elaborazione del codice JavaScript gi\u00e0 esistente. <\/p>\n

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

BinaryAST consente di integrarsi nel modello attuale di sviluppo e distribuzione del codice senza creare un nuovo bytecode e senza modificare il linguaggio JavaScript. La dimensione dei dati nel formato BinaryAST \u00e8 paragonabile al codice JavaScript compresso e minimizzato, e la velocit\u00e0 di elaborazione aumenta notevolmente grazie all'esclusione della fase di parsing dei testi sorgente. Inoltre, il formato consente di eseguire la compilazione in bytecode man mano che viene caricato BinaryAST, senza attendere il completamento del download di tutti i dati. Infine, il parsing lato server consente di escludere dalla rappresentazione restituita dal BinaryAST funzioni inutilizzate e codice superfluo, il cui parsing lato browser richiede tempo sia per l'analisi che per la trasmissione di traffico eccessivo.<\/p>\n

Una caratteristica del BinaryAST \u00e8 anche la possibilit\u00e0 di ricostruire JavaScript leggibile che non \u00e8 identico all'originale, ma semanticamente equivalente e include gli stessi nomi di variabili e funzioni (BinaryAST conserva i nomi, ma non conserva informazioni sulle posizioni nel codice, formattazione e commenti). Il rovescio della medaglia \u00e8 la comparsa di nuovi vettori per attacchi, ma secondo gli sviluppatori, sono significativamente meno e pi\u00f9 controllabili rispetto all'uso di alternative, come la diffusione del bytecode.<\/p>\n

I test del codice di facebook.com hanno mostrato che l'analisi di JavaScript richiede il 10-15% delle risorse CPU e il parsing richiede pi\u00f9 tempo rispetto alla generazione di bytecode e alla creazione iniziale del codice per JIT. Nel motore SpiderMonkey, il tempo totale per costruire l'AST \u00e8 di 500-800 ms e l'applicazione di BinaryAST ha permesso di ridurre questo indicatore del 70-90%.
\nIn generale, per la maggior parte dei framework web, l'implementazione di BinaryAST riduce il tempo di parsing di JavaScript del 3-10% in modalit\u00e0 senza ottimizzazione e del 90-97% attivando la modalit\u00e0 di ignorare le funzioni non utilizzate.
\nDurante l'esecuzione di un set di test JavaScript di 1,2 MB, l'applicazione 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-news"],"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 accelerare il caricamento di JavaScript | ProHoster","description":"Gli ingegneri delle aziende Cloudflare, Mozilla, Facebook e Bloomberg hanno proposto un nuovo formato","canonical_url":"https:\/\/prohoster.info\/it\/blog\/news\/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","og:url":"https:\/\/prohoster.info\/it\/blog\/news\/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","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"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}]}}