{"action":"closed","issue":{"url":"https://api.github.com/repos/filamentgroup/loadCSS/issues/53","labels_url":"https://api.github.com/repos/filamentgroup/loadCSS/issues/53/labels{/name}","comments_url":"https://api.github.com/repos/filamentgroup/loadCSS/issues/53/comments","events_url":"https://api.github.com/repos/filamentgroup/loadCSS/issues/53/events","html_url":"https://github.com/filamentgroup/loadCSS/issues/53","id":70460729,"number":53,"title":"loadCSS and PageSpeed Insights \"blocking CSS\"","user":{"login":"rarkins","id":6311784,"avatar_url":"https://avatars.githubusercontent.com/u/6311784?v=3","gravatar_id":"","url":"https://api.github.com/users/rarkins","html_url":"https://github.com/rarkins","followers_url":"https://api.github.com/users/rarkins/followers","following_url":"https://api.github.com/users/rarkins/following{/other_user}","gists_url":"https://api.github.com/users/rarkins/gists{/gist_id}","starred_url":"https://api.github.com/users/rarkins/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rarkins/subscriptions","organizations_url":"https://api.github.com/users/rarkins/orgs","repos_url":"https://api.github.com/users/rarkins/repos","events_url":"https://api.github.com/users/rarkins/events{/privacy}","received_events_url":"https://api.github.com/users/rarkins/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-04-23T16:57:01Z","updated_at":"2015-05-28T16:18:29Z","closed_at":"2015-05-28T16:18:29Z","body":"Thanks for all the great tools, including this one. I know user experience is more important than PageSpeed Insights score, and this is not a PageSpeed troubleshooting forum, however I'd like to check that I'm not doing something wrong with loadCSS before blaming Pagespeed.\r\n\r\nHere's the entirety of my code, which is located in the `<head>`:\r\n```html\r\n<script>\r\n  function loadCSS(a,b,c){\r\n    \"use strict\";function g(){for(var b,e=0;e<f.length;e++)f[e].href&&f[e].href.indexOf(a)>-1&&(b=!0);b?d.media=c||\"all\":setTimeout(g)}var d=window.document.createElement(\"link\"),e=b||window.document.getElementsByTagName(\"script\")[0],f=window.document.styleSheets;return d.rel=\"stylesheet\",d.href=a,d.media=\"only x\",e.parentNode.insertBefore(d,e),g(),d\r\n  }\r\n  loadCSS(\"/public/fontface-1f24f01.css\");\r\n</script>\r\n<script>\r\n  loadCSS(\"/public/bootstrap-ebf66f6.css\");\r\n  loadCSS(\"/public/global-e4c2321.css\");\r\n  loadCSS(\"/public/condo-01c4f25.css\");\r\n</script>\r\n```\r\n\r\nI then also have critical CSS inlined in the `<head>`, and the user experience is great (i.e. works as expected and promised by @scottjehl!). However, PageSpeed Insights reports:\r\n> Your page has 4 blocking CSS resources. This causes a delay in rendering your page.\r\n\r\nAnd then lists those four .css files from above.\r\n\r\nI'm satisfied that user experience is vastly improved but disappointed if this is a \"false positive\" from PageSpeed. Any suggestions?"}}