{"id":14850,"date":"2019-04-22T20:09:48","date_gmt":"2019-04-22T20:09:48","guid":{"rendered":"https:\/\/rsoftsolution.com\/blog\/facebook-makes-its-first-browser-api-contribution.html"},"modified":"2019-04-22T20:09:48","modified_gmt":"2019-04-22T20:09:48","slug":"facebook-makes-its-first-browser-api-contribution","status":"publish","type":"post","link":"https:\/\/www.rbsitsoftwaresolution.in\/blog\/facebook-makes-its-first-browser-api-contribution.html","title":{"rendered":"Facebook makes its first browser API contribution"},"content":{"rendered":"

Facebook <\/a> today announced<\/a> that it has made its first major API contribution to Google\u2019s Chrome browser. Together with Google, <\/a> Facebook\u2019s team created an API proposal to contribute code to the browser, which is a first for the company. The code, like so much of Facebook\u2019s work on web tools and standards, focuses on making the user experience a bit smoother and faster. In this case, that means shortening the time between a click or keystroke and the browser reacting to that.<\/p>\n

The first trial for this new system will launch with Chrome 74.<\/p>\n

Typically, a browser\u2019s JavaScript engine handles how code is executed and when it will halt for a moment to see if there are any pending input events to which it needs to react. Because even modern JavaScript engines that run on multi-core machines are still essentially single-threaded, the engine can only really do one thing at a time, so the trick is to figure out how to best combine code execution with checking for input events.<\/p>\n

\"\"<\/a>\u201cLike many other sites, we deal with this issue by breaking the JavaScript up into smaller blocks. While the page is loading, we run a bit of JavaScript, and then we yield and pass control back to the browser,\u201d the Facebook team explains in today\u2019s announcement. \u201cThe browser can then check its input event queue and see whether there is anything it needs to tell the page about. Then the browser can go back to running the JavaScript blocks as they get added.\u201d<\/p>\n

Every time the browser goes through that cycle, though, and checks for new events, processes them, a bit of extra time passes. You do this too many times and loading the page slows down. But if you only check for inputs at slower intervals, the user experience degrades as the browser takes longer to react.<\/p>\n

To fix this, Facebook\u2019s engineers created the isInputPending API, which eliminates this trade-off. The API, which Facebook also brought to the W3C Web Performance Working Group, allows developers to check whether there are any inputs pending while their code is executing.<\/p>\n

\"\"<\/a><\/p>\n

With this, the code simply checks if there\u2019s something to react to, without having to fully yield control back to the browser and then passing it back to the JavaScript engine.<\/p>\n

For now this is just a trial \u2014 and because developers must integrate this into their code, it\u2019s not something that will automatically speed up your browser once Chrome 74 launches. If the trial is successful, though, chances are developers will make use of it (and Facebook surely will do so itself) and that other browser vendors will integrate into through their own engines, too.<\/p>\n

\u201cThe process of bringing isInputPending to Chrome represents a new method of developing web standards at Facebook,\u201d the team says. \u201cWe hope to continue driving new APIs and to ramp up our contributions to open source web browsers. Down the road, we could potentially build this API directly into React\u2019s concurrent mode so developers would get the API benefits out of the box. In addition, isInputPending is now part of a larger effort to build scheduling primitives into the web.\u201d<\/p>\n

Article source: http:\/\/feedproxy.google.com\/~r\/techcrunch\/social\/~3\/AuJkPa95nGg\/<\/p>","protected":false},"excerpt":{"rendered":"

Facebook today announced that it has made its first major API contribution to Google\u2019s Chrome browser. Together with Google, Facebook\u2019s team created an API proposal to contribute code to the <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3],"tags":[10,7,14,15,6,12,11],"class_list":["post-14850","post","type-post","status-publish","format-standard","hentry","category-latest-update","tag-computer-news","tag-downloads","tag-microsoft-download-news","tag-networking-updates","tag-technology-update","tag-wordpress-plugin-download","tag-wordpress-theme-download"],"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