{"id":38766,"date":"2015-09-07T20:53:54","date_gmt":"2015-09-07T20:53:54","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/generate-critical-css\/"},"modified":"2015-09-07T20:57:11","modified_gmt":"2015-09-07T20:57:11","slug":"generate-critical-css","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/generate-critical-css\/","author":14459081,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"0.1","stable_tag":"trunk","tested":"3.4.2","requires":"3.0.1","requires_php":"","requires_plugins":"","header_name":"Generate Critical CSS","header_author":"Will Busby","header_description":"","assets_banners_color":"","last_updated":"2015-09-07 20:57:11","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":10,"downloads":1037,"num_ratings":0,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[31780,31779],"plugin_category":[],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-38766","plugin","type-plugin","status-closed","hentry","plugin_tags-above-the-fold-css","plugin_tags-critical-css","plugin_committers-willbmas"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/generate-critical-css.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n

Adds a button to the admin bar that generates the Critical CSS for the current page in the javascript console. Strips out the #wpadminbar and #wp-admin-* strings for your convenience. Based on the code created by Paul Kinlan, which is here: https:\/\/gist.github.com\/PaulKinlan\/6284142<\/p>\n\n\n

    \n
  1. Upload generateCritical.php and critical.js<\/code> to the \/wp-content\/plugins\/<\/code> directory<\/li>\n
  2. Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n
  3. Go to the page where you want to generate the Critical CSS<\/li>\n
  4. Click the 'Generate Critical CSS' button and go to your development console and click 'console'. The critical CSS should be here.<\/li>\n<\/ol>","raw_excerpt":"Adds a button to the Wordpress admin bar to generate Critical CSS (WEBKIT BROWSERS ONLY)","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/38766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=38766"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/willbmas"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=38766"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=38766"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=38766"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=38766"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=38766"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=38766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}