{"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\/hu\/blog\/news\/cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript","title":{"rendered":"A Cloudflare, a Mozilla \u00e9s a Facebook a BinaryAST-ot fejlesztik a JavaScript bet\u00f6lt\u00e9si sebess\u00e9g\u00e9nek n\u00f6vel\u00e9s\u00e9re.","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

A Cloudflare, Mozilla, Facebook \u00e9s Bloomberg m\u00e9rn\u00f6kei k\u00e9rt\u00e9k<\/a><\/noindex> \u00faj form\u00e1tum BinaryAST<\/a><\/noindex> a JavaScript k\u00f3d gyorsabb kiszolg\u00e1l\u00e1s\u00e1ra \u00e9s feldolgoz\u00e1s\u00e1ra a b\u00f6ng\u00e9sz\u0151kben l\u00e9v\u0151 weboldalak megnyit\u00e1sakor. A BinaryAST a szintaktikai elemz\u0151 f\u00e1zis\u00e1t a szerverre helyezi \u00e1t, \u00e9s m\u00e1r egy el\u0151re megform\u00e1lt absztrakt szintaktikai f\u00e1t (AST<\/a><\/noindex>) sz\u00e1ll\u00edt. A BinaryAST \u00e9rkez\u00e9sekor a b\u00f6ng\u00e9sz\u0151 azonnal a ford\u00edt\u00e1si f\u00e1zisra l\u00e9phet, megker\u00fclve a JavaScript forr\u00e1sk\u00f3dj\u00e1nak parsereit. <\/p>\n

A tesztel\u00e9shez elk\u00e9sz\u00fclt<\/a><\/noindex> a MIT licence alatt szolg\u00e1ltatott referenciakivitelez\u00e9s. A parsere a Node.js komponenseit haszn\u00e1lja, m\u00edg az AST optimaliz\u00e1l\u00e1s\u00e1ra \u00e9s form\u00e1l\u00e1s\u00e1ra sz\u00e1nt k\u00f3d Rust nyelven \u00edr\u00f3dott. A b\u00f6ng\u00e9sz\u0151k oldal\u00e1n a t\u00e1mogat\u00e1s
\na BinaryAST m\u00e1r el\u00e9rhet\u0151 \u00e9jszakai build-eken<\/a><\/noindex> a Firefoxban. A BinaryAST k\u00f3dol\u00f3 alkalmazhat\u00f3 ak\u00e1r a v\u00e9gfelhaszn\u00e1l\u00f3i site eszk\u00f6zk\u00e9szlet szintj\u00e9n, ak\u00e1r k\u00fcls\u0151 webhelyek scriptjeinek csomagol\u00e1s\u00e1ra proxy vagy tartalomeloszt\u00f3 h\u00e1l\u00f3zat oldalon. Jelenleg megkezd\u0151d\u00f6tt a BinaryAST szabv\u00e1nyos\u00edt\u00e1si folyamata az ECMA TC39<\/a><\/noindex>csoport \u00e1ltal, amely ut\u00e1n a form\u00e1tum egy\u00fctt tud m\u0171k\u00f6dni a megl\u00e9v\u0151 tartalomkompressz\u00e1l\u00f3 m\u00f3dszerekkel, mint a gzip \u00e9s a brotli. <\/p>\n

\"A<\/a><\/noindex><\/center>
\n
\"A<\/a><\/noindex><\/center><\/p>\n

A JavaScript feldolgoz\u00e1s\u00e1nak jelent\u0151s r\u00e9sz\u00e9t a k\u00f3d bet\u00f6lt\u00e9se \u00e9s szintaktikai elemz\u00e9se jelenti. Figyelembe v\u00e9ve, hogy a sok n\u00e9pszer\u0171 weboldalon bet\u00f6lt\u00f6tt JavaScript m\u00e9rete k\u00f6zel 10 MB-ra n\u0151 (p\u00e9ld\u00e1ul a LinkedIn 7,2 MB, a Facebook 7,1 MB, a Gmail 3,9 MB), a JavaScript kezdeti feldolgoz\u00e1sa l\u00e9nyeges k\u00e9sleked\u00e9st okoz. A b\u00f6ng\u00e9sz\u0151 oldali elemz\u00e9si szakasz is lelassul az\u00e1ltal, hogy nem lehets\u00e9ges teljes AST (Absztrakt Szintaxis Fa) l\u00e9trehoz\u00e1sa menet k\u00f6zben, a k\u00f3d bet\u00f6lt\u00e9se sor\u00e1n (a b\u00f6ng\u00e9sz\u0151nek v\u00e1rnia kell a k\u00f3dblokkok, p\u00e9ld\u00e1ul a f\u00fcggv\u00e9nyek befejez\u00e9s\u00e9re, hogy megszerezze a jelenlegi elemek elemz\u00e9s\u00e9hez sz\u00fcks\u00e9ges hi\u00e1nyz\u00f3 inform\u00e1ci\u00f3kat).<\/p>\n

A probl\u00e9m\u00e1t r\u00e9szben a k\u00f3d minimaliz\u00e1lt \u00e9s t\u00f6m\u00f6r\u00edtett v\u00e1ltozat\u00e1ban t\u00f6rt\u00e9n\u0151 terjeszt\u00e9s\u00e9vel, valamint a b\u00f6ng\u00e9sz\u0151 \u00e1ltal gener\u00e1lt bytek\u00f3d cache-el\u00e9s\u00e9vel pr\u00f3b\u00e1lj\u00e1k megoldani. A modern weboldalakon a k\u00f3d el\u00e9g gyakran friss\u00fcl, ez\u00e9rt a cache-el\u00e9s csak r\u00e9szben oldja meg a probl\u00e9m\u00e1t. A megold\u00e1s a WebAssembly lehetne, de ez egy\u00e9rtelm\u0171 t\u00edpusmegad\u00e1st ig\u00e9nyel a k\u00f3don bel\u00fcl, \u00e9s nem alkalmas j\u00f3l a megl\u00e9v\u0151 JavaScript k\u00f3dok feldolgoz\u00e1s\u00e1nak felgyors\u00edt\u00e1s\u00e1ra. <\/p>\n

Egy m\u00e1sik lehet\u0151s\u00e9g a leford\u00edtott bytek\u00f3d elk\u00fcld\u00e9se JavaScript-scriptek helyett, de a b\u00f6ng\u00e9sz\u0151motorok fejleszt\u0151i ellenzik ezt, mivel a k\u00fcls\u0151 bytek\u00f3d nehezen ellen\u0151rizhet\u0151, k\u00f6zvetlen feldolgoz\u00e1sa websz\u00e9tv\u00e1l\u00e1shoz vezethet, tov\u00e1bbi biztons\u00e1gi fenyeget\u00e9sek mer\u00fclnek fel, \u00e9s egy univerz\u00e1lis bytek\u00f3d form\u00e1tum kidolgoz\u00e1sa sz\u00fcks\u00e9ges.<\/p>\n

A BinaryAST lehet\u0151v\u00e9 teszi, hogy beleilleszkedj\u00fcnk a k\u00f3d fejleszt\u00e9s\u00e9nek \u00e9s sz\u00e1ll\u00edt\u00e1s\u00e1nak aktu\u00e1lis modellj\u00e9be, an\u00e9lk\u00fcl, hogy \u00faj bytek\u00f3dot hozn\u00e1nk l\u00e9tre vagy a JavaScript nyelvet megv\u00e1ltoztatn\u00e1nk. A BinaryAST form\u00e1tumban l\u00e9v\u0151 adatok m\u00e9rete \u00f6sszehasonl\u00edthat\u00f3 a t\u00f6m\u00f6r\u00edtett, minifik\u00e1lt JavaScript-k\u00f3ddal, m\u00edg a feldolgoz\u00e1si sebess\u00e9g a forr\u00e1ssz\u00f6vegek elemz\u00e9s\u00e9nek f\u00e1zis\u00e1nak elhagy\u00e1s\u00e1val jelent\u0151sen megn\u0151. Tov\u00e1bb\u00e1, a form\u00e1tum lehet\u0151v\u00e9 teszi a bytek\u00f3dra val\u00f3 ford\u00edt\u00e1st a BinaryAST bet\u00f6lt\u00e9se k\u00f6zben, an\u00e9lk\u00fcl, hogy meg kellene v\u00e1rni az \u00f6sszes adat meg\u00e9rkez\u00e9s\u00e9t. Ezen k\u00edv\u00fcl a szerveroldali elemz\u00e9s lehet\u0151v\u00e9 teszi, hogy a BinaryAST-b\u00f3l a kiadott prezent\u00e1ci\u00f3b\u00f3l elt\u00e1vol\u00edtsuk a nem haszn\u00e1lt funkci\u00f3kat \u00e9s f\u00f6l\u00f6sleges k\u00f3dot, amelyre b\u00f6ng\u00e9sz\u0151oldali elemz\u00e9skor id\u0151t pazarolnak mind az elemz\u00e9s, mind a felesleges forgalom \u00e1tkonvert\u00e1l\u00e1sa miatt.<\/p>\n

A BinaryAST k\u00fcl\u00f6nlegess\u00e9ge az is, hogy lehet\u0151s\u00e9get ad az olvashat\u00f3 JavaScript helyre\u00e1ll\u00edt\u00e1s\u00e1ra, amely nem egyezik meg egy az egyben az eredeti verzi\u00f3val, de szemantikailag ekvivalens, \u00e9s mag\u00e1ban foglalja ugyanazokat a v\u00e1ltoz\u00f3- \u00e9s funkci\u00f3neveket (a BinaryAST meg\u0151rzi a neveket, de nem \u0151rzi meg a k\u00f3dban val\u00f3 poz\u00edci\u00f3kat, a form\u00e1z\u00e1st \u00e9s a megjegyz\u00e9seket). A sz\u00e9p\u00e9rme m\u00e1sik oldala, hogy \u00faj t\u00e1mad\u00e1si vektorok jelenhetnek meg, de a fejleszt\u0151k v\u00e9lem\u00e9nye szerint ezek jelent\u0151sen kevesebbek \u00e9s jobban kontroll\u00e1lhat\u00f3k, mint a helyettes\u00edt\u00e9sek, p\u00e9ld\u00e1ul bytek\u00f3dok elterjed\u00e9s\u00e9n\u00e9l.<\/p>\n

A facebook.com k\u00f3dtesztek azt mutatt\u00e1k, hogy a JavaScript elemz\u00e9s\u00e9re a CPU er\u0151forr\u00e1sainak 10-15%-\u00e1t haszn\u00e1lj\u00e1k, \u00e9s az elemz\u00e9s hosszabb id\u0151t vesz ig\u00e9nybe, mint a bytek\u00f3d gener\u00e1l\u00e1sa \u00e9s a JIT sz\u00e1m\u00e1ra kezdeti k\u00f3d el\u0151\u00e1ll\u00edt\u00e1sa. A SpiderMonkey motorban az AST teljes fel\u00e9p\u00edt\u00e9se 500-800 ms-ot vesz ig\u00e9nybe, \u00e9s a BinaryAST alkalmaz\u00e1sa ezt az \u00e9rt\u00e9ket 70-90%-kal cs\u00f6kkentette.
\n\u00d6sszess\u00e9g\u00e9ben a legt\u00f6bb webes keretrendszer eset\u00e9ben a BinaryAST haszn\u00e1latakor a JavaScript elemz\u00e9si ideje 3-10%-kal cs\u00f6kken optimaliz\u00e1l\u00e1s n\u00e9lk\u00fcli \u00fczemm\u00f3dban, \u00e9s 90-97%-kal cs\u00f6kkenthet\u0151 a nem haszn\u00e1lt funkci\u00f3k figyelmen k\u00edv\u00fcl hagy\u00e1s\u00e1nak \u00fczemm\u00f3dj\u00e1ba val\u00f3 bekapcsol\u00e1s\u00e1val.
\nEgy 1,2 MB m\u00e9ret\u0171 teszt JavaScript-k\u00e9szlet futtat\u00e1sakor a BinaryAST alkalmaz\u00e1sa lehet\u0151v\u00e9 tette a bet\u00f6lt\u00e9si id\u0151 cs\u00f6kkent\u00e9s\u00e9t 338 ms-r\u00f3l 314 ms-ra asztali rendszeren (Intel i7), illetve 2019 ms-r\u00f3l 1455 ms-ra mobil eszk\u00f6z\u00f6n (HTC One M8).<\/p>\n

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

Forr\u00e1s: 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\udd47A Cloudflare, a Mozilla \u00e9s a Facebook a BinaryAST fejleszt\u00e9s\u00e9n dolgozik a JavaScript gyorsabb bet\u00f6lt\u00e9s\u00e9\u00e9rt | ProHoster","description":"A Cloudflare, a Mozilla, a Facebook \u00e9s a Bloomberg m\u00e9rn\u00f6kei \u00faj form\u00e1tumot javasoltak.","canonical_url":"https:\/\/prohoster.info\/hu\/blog\/news\/cloudflare-mozilla-i-facebook-razvivayut-binaryast-dlya-uskoreniya-zagruzki-javascript","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"hu_HU","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\/hu\/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\/hu\/wp-json\/wp\/v2\/posts\/33901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/comments?post=33901"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/33901\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media\/25564"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media?parent=33901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/categories?post=33901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/tags?post=33901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}