{"action":"created","issue":{"url":"https://api.github.com/repos/addyosmani/critical/issues/73","repository_url":"https://api.github.com/repos/addyosmani/critical","labels_url":"https://api.github.com/repos/addyosmani/critical/issues/73/labels{/name}","comments_url":"https://api.github.com/repos/addyosmani/critical/issues/73/comments","events_url":"https://api.github.com/repos/addyosmani/critical/issues/73/events","html_url":"https://github.com/addyosmani/critical/issues/73","id":65561946,"number":73,"title":"Critical CSS and CSS animations / Bootstrap Carousel","user":{"login":"khalwat","id":7570798,"avatar_url":"https://avatars.githubusercontent.com/u/7570798?v=3","gravatar_id":"","url":"https://api.github.com/users/khalwat","html_url":"https://github.com/khalwat","followers_url":"https://api.github.com/users/khalwat/followers","following_url":"https://api.github.com/users/khalwat/following{/other_user}","gists_url":"https://api.github.com/users/khalwat/gists{/gist_id}","starred_url":"https://api.github.com/users/khalwat/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/khalwat/subscriptions","organizations_url":"https://api.github.com/users/khalwat/orgs","repos_url":"https://api.github.com/users/khalwat/repos","events_url":"https://api.github.com/users/khalwat/events{/privacy}","received_events_url":"https://api.github.com/users/khalwat/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2015-03-31T22:37:30Z","updated_at":"2016-07-12T07:55:10Z","closed_at":null,"body":"I've been using and loving grunt-critical, thank you!\r\n\r\nI do have one issue that I can't quite figure out.  I have a site that has critical CSS for all of the pages, and it works great... but for pages that have CSS animations on them in form of Twitter Bootstrap carousel animations it's not quite doing the trick.\r\n\r\nHere's an example URL:\r\n\r\nhttp://www.onlinelandusa.com/listings/colorado-land-6.458-acres-with-a-driveay-and-cleared-level-area\r\n\r\nThere some CSS in there that critical isn't picking up on, because PageSpeed Insights says:\r\n\r\n\"Approximately 19% of the above-the-fold content on your page could be rendered without waiting for  the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.\r\n\r\nhttp://cssjs.onlinelandusa.net/site_assets/css/site.combined.min.css\"\r\n\r\nSomehow critical isn't picking up on all of the CSS that needs to be rendered, so it has to wait to load the full CSS file before it can render the above-the-fold content.  There is a similar result on an even simpler page:\r\n\r\nhttp://www.onlinelandusa.com/site/about-us\r\n\r\n...that just has one carousel animation on it, so I'm assuming that's what is doing it.  You can see the extracted critical CSS here:\r\n\r\nhttp://www.onlinelandusa.com/site/css/about_us_critical.min.css"},"comment":{"url":"https://api.github.com/repos/addyosmani/critical/issues/comments/231965538","html_url":"https://github.com/addyosmani/critical/issues/73#issuecomment-231965538","issue_url":"https://api.github.com/repos/addyosmani/critical/issues/73","id":231965538,"user":{"login":"rasteiner","id":6684137,"avatar_url":"https://avatars.githubusercontent.com/u/6684137?v=3","gravatar_id":"","url":"https://api.github.com/users/rasteiner","html_url":"https://github.com/rasteiner","followers_url":"https://api.github.com/users/rasteiner/followers","following_url":"https://api.github.com/users/rasteiner/following{/other_user}","gists_url":"https://api.github.com/users/rasteiner/gists{/gist_id}","starred_url":"https://api.github.com/users/rasteiner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rasteiner/subscriptions","organizations_url":"https://api.github.com/users/rasteiner/orgs","repos_url":"https://api.github.com/users/rasteiner/repos","events_url":"https://api.github.com/users/rasteiner/events{/privacy}","received_events_url":"https://api.github.com/users/rasteiner/received_events","type":"User","site_admin":false},"created_at":"2016-07-12T07:55:10Z","updated_at":"2016-07-12T07:55:10Z","body":"I'm having a similar problem. I don't think it's strictly related to bootstrap, I just think it doesn't include the `@keyframes` declarations that are used. I guess this \"bug\" might actually come from [penthouse](https://github.com/pocketjoso/penthouse) and not critical... "}}
{"actor":{"display_login":"rasteiner"}}