{"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\/nl\/blog\/news\/cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript","title":{"rendered":"Cloudflare, Mozilla en Facebook ontwikkelen BinaryAST om de laadtijd van JavaScript te versnellen","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Ingenieurs van de bedrijven Cloudflare, Mozilla, Facebook en Bloomberg kregen<\/a><\/noindex> een nieuw formaat BinaryAST<\/a><\/noindex> om de levering en verwerking van JavaScript-code bij het openen van websites in de browser te versnellen. BinaryAST verplaatst de fase van syntactische analyse naar de serverzijde en levert reeds gevormde abstracte syntaxisbomen (AST<\/a><\/noindex>). Bij ontvangst van BinaryAST kan de browser direct overgaan tot de compilatiefase, waarbij de parsing van de oorspronkelijke JavaScript-code wordt overgeslagen. <\/p>\n

Voor testing has prepared<\/a><\/noindex> de referentie-implementatie, geleverd onder de MIT-licentie. Voor de parsing worden componenten van Node.js gebruikt, en de code voor optimalisatie en het vormen van de AST is geschreven in Rust. Aan de browserzijde is de ondersteuning voor
\nBinaryAST al beschikbaar in nachtversies<\/a><\/noindex> Firefox. De encoder in BinaryAST kan zowel op het niveau van de hulpmiddelen van de eindwebsite als bij het inpakken van scripts van externe websites aan de proxy- of content delivery networkzijde worden toegepast. Momenteel is het proces van standaardisatie van BinaryAST al begonnen door de werkgroep ECMA TC39<\/a><\/noindex>, na voltooiing waarvan het formaat kan samenleven met de bestaande methoden voor compressie van geleverd content, zoals gzip en brotli. <\/p>\n

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

Een aanzienlijk deel van de verwerkingstijd van JavaScript gaat verloren in de fase van het laden en parseren van de code. Aangezien de hoeveelheid JavaScript die op veel populaire sites wordt geladen, bijna 10 MB benadert (bijvoorbeeld voor LinkedIn \u2014 7,2 MB, Facebook \u2014 7,1 MB, Gmail \u2014 3,9 MB), levert de initi\u00eble verwerking van JavaScript een aanzienlijke vertraging op. De parserfase aan de browserzijde wordt ook vertraagd door de onmogelijkheid om een volledige AST 'on the fly' op te bouwen, naarmate de code wordt geladen (de browser moet wachten op de voltooiing van het laden van codeblokken, bijvoorbeeld het einde van functies, om de ontbrekende informatie voor het parseren van de huidige elementen te verkrijgen).<\/p>\n

De oplossing voor het probleem wordt deels gezocht door de code in een geminimaliseerde en gecomprimeerde vorm te verspreiden, evenals door het cachen van de door de browser gegenereerde bytecode. Op moderne websites wordt de code vrij vaak bijgewerkt, waardoor caching het probleem slechts gedeeltelijk oplost. Een mogelijke oplossing zou WebAssembly kunnen zijn, maar dit vereist expliciete typificatie in de code en is slecht geschikt voor het versnellen van de verwerking van al bestaande JavaScript-code. <\/p>\n

Een andere optie is het leveren van kant-en-klare gecompileerde bytecode in plaats van JavaScript-scripts, maar de ontwikkelaars van browserengines zijn hiertegen, omdat externe bytecode moeilijk te verifi\u00ebren is. Directe verwerking kan leiden tot een versplintering van het web, er ontstaan extra beveiligingsbedreigingen en er is de ontwikkeling van een universeel bytecodeformaat nodig.<\/p>\n

BinaryAST past in het huidige model van ontwikkeling en levering van code zonder een nieuwe bytecode te cre\u00ebren en zonder de JavaScript-taal aan te passen. De datagrootte in het BinaryAST-formaat is vergelijkbaar met gecomprimeerde, geminimaliseerde JavaScript-code, en de verwerkingssnelheid neemt aanzienlijk toe door het uitsluiten van de parsingfase van de bronbestanden. Bovendien maakt het formaat compilatie naar bytecode mogelijk tijdens het laden van BinaryAST, zonder te wachten op de voltooiing van het ontvangen van alle gegevens. Verder maakt server-side parsing het mogelijk om niet-gebruikte functies en overbodige code uit de gegeven BinaryAST-voorstelling te sluiten, wat tijd bespaart bij parsing aan de browserkant, zowel bij parsing als bij het overdragen van overbodig verkeer.<\/p>\n

Een kenmerk van BinaryAST is ook de mogelijkheid om leesbare JavaScript te herstellen dat niet letterlijk overeenkomt met de oorspronkelijke versie, maar semantisch gelijkwaardig is en dezelfde variabele- en functienamen bevat (BinaryAST behoudt namen, maar niet de informatie over posities in de code, opmaak en opmerkingen). De keerzijde is de verschijning van nieuwe aanvalsvectoren, maar volgens de ontwikkelaars zijn deze aanzienlijk minder en beter controleerbaar dan bij alternatieven zoals de verspreiding van bytecode.<\/p>\n

Code-tests op facebook.com hebben aangetoond dat 10-15% van de CPU-bronnen wordt besteed aan het parseren van JavaScript, en dat het parseren meer tijd kost dan het genereren van bytecode en het initi\u00eble vormen van code voor JIT. In de SpiderMonkey-engine duurt het volledige bouwen van de AST 500-800 ms, en het gebruik van BinaryAST heeft dit percentage met 70-90% verminderd.
\nOver het algemeen wordt de parsingtijd van JavaScript voor de meeste webframeworks met 3-10% verkort wanneer BinaryAST wordt gebruikt in de modus zonder optimalisatie en met 90-97% wanneer de modus voor het negeren van niet-gebruikte functies is ingeschakeld.
\nBij het uitvoeren van een testset van 1,2 MB aan JavaScript, heeft het gebruik van BinaryAST de opstarttijd versneld van 338 ms naar 314 ms op een desktop systeem (Intel i7) en van 2019 ms naar 1455 ms op een mobiel apparaat (HTC One M8).<\/p>\n

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

Bron: 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\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 en Facebook ontwikkelen BinaryAST voor snellere JavaScript-lading | ProHoster","description":"Ingenieurs van Cloudflare, Mozilla, Facebook en Bloomberg hebben een nieuw formaat voorgesteld.","canonical_url":"https:\/\/prohoster.info\/nl\/blog\/news\/cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"nl_NL","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\/nl\/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\/nl\/wp-json\/wp\/v2\/posts\/33901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/comments?post=33901"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/posts\/33901\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/media\/25564"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/media?parent=33901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/categories?post=33901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/nl\/wp-json\/wp\/v2\/tags?post=33901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}