{"action":"created","issue":{"url":"https://api.github.com/repos/typekit/webfontloader/issues/236","labels_url":"https://api.github.com/repos/typekit/webfontloader/issues/236/labels{/name}","comments_url":"https://api.github.com/repos/typekit/webfontloader/issues/236/comments","events_url":"https://api.github.com/repos/typekit/webfontloader/issues/236/events","html_url":"https://github.com/typekit/webfontloader/pull/236","id":68303471,"number":236,"title":"Load CSS files asynchronously","user":{"login":"bramstein","id":114871,"avatar_url":"https://avatars.githubusercontent.com/u/114871?v=3","gravatar_id":"","url":"https://api.github.com/users/bramstein","html_url":"https://github.com/bramstein","followers_url":"https://api.github.com/users/bramstein/followers","following_url":"https://api.github.com/users/bramstein/following{/other_user}","gists_url":"https://api.github.com/users/bramstein/gists{/gist_id}","starred_url":"https://api.github.com/users/bramstein/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bramstein/subscriptions","organizations_url":"https://api.github.com/users/bramstein/orgs","repos_url":"https://api.github.com/users/bramstein/repos","events_url":"https://api.github.com/users/bramstein/events{/privacy}","received_events_url":"https://api.github.com/users/bramstein/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-04-14T08:32:52Z","updated_at":"2015-05-07T08:57:20Z","closed_at":"2015-04-14T16:33:22Z","pull_request":{"url":"https://api.github.com/repos/typekit/webfontloader/pulls/236","html_url":"https://github.com/typekit/webfontloader/pull/236","diff_url":"https://github.com/typekit/webfontloader/pull/236.diff","patch_url":"https://github.com/typekit/webfontloader/pull/236.patch"},"body":"*Needs review.*\r\n\r\nThanks to the filamentgroup for https://github.com/filamentgroup/loadCSS and Paul Irish for bringing this up.\r\n\r\ncc @paulirish @scottjehl @zachleat"},"comment":{"url":"https://api.github.com/repos/typekit/webfontloader/issues/comments/99781288","html_url":"https://github.com/typekit/webfontloader/pull/236#issuecomment-99781288","issue_url":"https://api.github.com/repos/typekit/webfontloader/issues/236","id":99781288,"user":{"login":"bramstein","id":114871,"avatar_url":"https://avatars.githubusercontent.com/u/114871?v=3","gravatar_id":"","url":"https://api.github.com/users/bramstein","html_url":"https://github.com/bramstein","followers_url":"https://api.github.com/users/bramstein/followers","following_url":"https://api.github.com/users/bramstein/following{/other_user}","gists_url":"https://api.github.com/users/bramstein/gists{/gist_id}","starred_url":"https://api.github.com/users/bramstein/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bramstein/subscriptions","organizations_url":"https://api.github.com/users/bramstein/orgs","repos_url":"https://api.github.com/users/bramstein/repos","events_url":"https://api.github.com/users/bramstein/events{/privacy}","received_events_url":"https://api.github.com/users/bramstein/received_events","type":"User","site_admin":false},"created_at":"2015-05-07T08:57:20Z","updated_at":"2015-05-07T08:57:20Z","body":"@paulirish I did some testing with these changes and while it improved performance it also broke the default behaviour many of our customers expect: Typekit blocks rendering (as bad as it is). Therefor I decided to turn this into an opt-in feature that can be enabled by passing a new configuration option to the Typekit loader.\r\n\r\nAnyone wishing to try it out can set the `async` option to `true` when they call `Typekit.load`:\r\n\r\n```\r\nTypekit.load({ async: true });\r\n```\r\n\r\nThe `async` parameter is going to be turned on by default for new kits.\r\n\r\nThe code for this is already in production, but I haven't had time to write a blog post about it. The blog post will introduce this new option and encourage all of our customers to switch to the asynchronous embed code (so the Typekit JS loads asynchronously) and use `async` (so the CSS isn't blocking either)."}}