{"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\/de\/blog\/novosti-interneta\/cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript","title":{"rendered":"Cloudflare, Mozilla und Facebook entwickeln BinaryAST zur Beschleunigung des JavaScript-Loads","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Ingenieure von Unternehmen wie Cloudflare, Mozilla, Facebook und Bloomberg haben vorgeschlagen<\/a><\/noindex> neues Format BinaryAST<\/a><\/noindex> zur Beschleunigung der Lieferung und Verarbeitung von JavaScript-Code beim \u00d6ffnen von Websites im Browser. BinaryAST verlagert die Phase der syntaktischen Analyse auf den Server und liefert bereits einen geformten abstrakten Syntaxbaum (AST<\/a><\/noindex>). Beim Erhalt von BinaryAST kann der Browser sofort zur Kompilierungsphase \u00fcbergehen, ohne die Quellcode-Analyse von JavaScript durchzuf\u00fchren. <\/p>\n

Zur Durchf\u00fchrung von Tests eine<\/a><\/noindex> eine Referenzimplementierung, die unter der MIT-Lizenz bereitgestellt wird. Zum Parsen werden Komponenten von Node.js verwendet, und der Code zur Optimierung und Erzeugung des AST ist in Rust geschrieben. Auf der Browserseite ist die Unterst\u00fctzung
\nvon BinaryAST bereits in n\u00e4chtlichen Builds<\/a><\/noindex> Firefox verf\u00fcgbar. Der Encoder in BinaryAST kann sowohl auf der Ebene der Endanwendung eines Websites als auch zur B\u00fcndelung von Skripten von externen Websites auf der Proxy- oder Content Delivery Network-Seite angewendet werden. Der Prozess der Standardisierung von BinaryAST durch die Arbeitsgruppe ECMA TC39<\/a><\/noindex>, hat bereits begonnen, nach dessen Abschluss wird das Format zusammen mit bestehenden Methoden zur Kompression von ausgeliefertem Inhalt, wie gzip und brotli, koexistieren k\u00f6nnen. <\/p>\n

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

Die signifikante Zeit, die f\u00fcr die Verarbeitung von JavaScript ben\u00f6tigt wird, wird durch die Lade- und Parsing-Phase des Codes verursacht. Angesichts der Tatsache, dass das Volumen von geladenem JavaScript auf vielen beliebten Websites fast 10 MB erreicht (z. B. LinkedIn \u2014 7,2 MB, Facebook \u2014 7,1 MB, Gmail \u2014 3,9 MB) tr\u00e4gt die prim\u00e4re Verarbeitung von JavaScript zu erheblichen Verz\u00f6gerungen bei. Die Parsing-Phase im Browser wird ebenfalls verlangsamt, da die vollst\u00e4ndige Erstellung des AST w\u00e4hrend des Ladevorgangs nicht m\u00f6glich ist (der Browser muss warten, bis die Codebl\u00f6cke, z. B. das Ende von Funktionen, geladen sind, um die fehlenden Informationen zur Analyse der aktuellen Elemente zu erhalten).<\/p>\n

Teilweise versucht man, das Problem durch die Bereitstellung von Code in minimierter und komprimierter Form sowie durch das Browser-Caching des generierten Bytecodes zu l\u00f6sen. Auf modernen Websites wird der Code allerdings recht h\u00e4ufig aktualisiert, weshalb das Caching das Problem nur teilweise l\u00f6st. Eine m\u00f6gliche L\u00f6sung w\u00e4re WebAssembly, allerdings erfordert dies die Verwendung von expliziter Typisierung im Code und eignet sich nur schlecht f\u00fcr die Beschleunigung der Verarbeitung bereits bestehenden JavaScript-Codes. <\/p>\n

Eine alternative L\u00f6sung besteht darin, vorgefertigten kompilierten Bytecode anstelle von JavaScript-Skripten zu liefern. Browser-Engine-Entwickler haben jedoch Bedenken, da es schwierig ist, externen Bytecode zu verifizieren. Die direkte Verarbeitung kann zu einer Fragmentierung des Webs f\u00fchren, zus\u00e4tzliche Sicherheitsbedrohungen hervorrufen und erfordert die Entwicklung eines universellen Bytecode-Formats.<\/p>\n

BinaryAST integriert sich in das aktuelle Modell der Entwicklung und Bereitstellung von Code, ohne neuen Bytecode zu erstellen oder die JavaScript-Sprache zu \u00e4ndern. Die Datenmenge im BinaryAST-Format ist vergleichbar mit komprimiertem, minifiziertem JavaScript-Code, und die Verarbeitungsgeschwindigkeit erh\u00f6ht sich deutlich, da die Parsing-Phase der Quelltexte entf\u00e4llt. Dar\u00fcber hinaus erm\u00f6glicht das Format die Kompilierung zu Bytecode w\u00e4hrend des Ladens von BinaryAST, ohne dass die vollst\u00e4ndige Daten\u00fcbertragung abgeschlossen sein muss. Zudem kann das Server-seitige Parsing ungenutzte Funktionen und \u00fcberfl\u00fcssigen Code aus dem \u00fcbermittelten BinaryAST-Bild ausschlie\u00dfen, wodurch beim Parsing im Browser Zeit f\u00fcr die Analyse und die \u00dcbertragung \u00fcberfl\u00fcssigen Traffics gespart wird.<\/p>\n

Ein besonderes Merkmal von BinaryAST ist die M\u00f6glichkeit, lesbaren JavaScript-Code zu rekonstruieren, der nicht identisch mit dem urspr\u00fcnglichen ist, aber semantisch \u00e4quivalent und dieselben Variablen- und Funktionsnamen enth\u00e4lt (BinaryAST bewahrt die Namen, speichert jedoch keine Positionierungsinformationen im Code, Formatierungen oder Kommentare). Die Kehrseite der Medaille ist das Auftreten neuer Angriffsm\u00f6glichkeiten, jedoch sind diese nach Ansicht der Entwickler signifikant geringer und besser kontrollierbar als bei der Verwendung von Alternativen wie der Verbreitung von Bytecode.<\/p>\n

Code-Tests von facebook.com haben gezeigt, dass die Analyse von JavaScript 10\u201315 % der CPU-Ressourcen in Anspruch nimmt und das Parsen mehr Zeit erfordert als die Generierung von Bytecode und die anf\u00e4ngliche Codeerstellung f\u00fcr JIT. Im SpiderMonkey-Engine braucht der vollst\u00e4ndige Aufbau des AST 500\u2013800 ms, und die Anwendung von BinaryAST hat es erm\u00f6glicht, diese Zeit um 70\u201390 % zu reduzieren.
\nInsgesamt wird bei den meisten Web-Frameworks durch die Anwendung von BinaryAST die Parsing-Zeit f\u00fcr JavaScript um 3\u201310 % im Nicht-Optimierungsmodus und um 90\u201397 % im Modus zum Ignorieren ungenutzter Funktionen verk\u00fcrzt.
\nBei der Ausf\u00fchrung eines 1,2 MB gro\u00dfen JavaScript-Testsets erm\u00f6glichte BinaryAST eine Beschleunigung der Startzeit auf einem Desktop-System (Intel i7) von 338 auf 314 ms und auf einem Mobilger\u00e4t (HTC One M8) von 2019 auf 1455 ms.<\/p>\n

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

Quelle: 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 und Facebook entwickeln BinaryAST zur Beschleunigung des JavaScript-Loads | ProHoster","description":"Ingenieure von Cloudflare, Mozilla, Facebook und Bloomberg haben ein neues Format namens BinaryAST vorgestellt, um die Bereitstellung und Verarbeitung von JavaScript-Code beim \u00d6ffnen von Websites im Browser zu beschleunigen. BinaryAST verlagert die Parsing-Phase auf den Server und liefert bereits ein fertiges abstraktes Syntaxbaum (AST). Nach dem Erhalt von BinaryAST kann der Browser sofort zur Kompilierungsphase \u00fcbergehen, ohne das urspr\u00fcngliche JavaScript zu parsen.","canonical_url":"https:\/\/prohoster.info\/de\/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":"de_DE","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\/de\/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\/de\/wp-json\/wp\/v2\/posts\/33901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/comments?post=33901"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/33901\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media\/25564"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media?parent=33901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/categories?post=33901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/tags?post=33901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}