{"id":82348,"date":"2018-03-05T22:22:44","date_gmt":"2018-03-05T22:22:44","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/css-optimization\/"},"modified":"2018-04-01T15:25:40","modified_gmt":"2018-04-01T15:25:40","slug":"css-optimization","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/css-optimization\/","author":15965094,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"0.0.56","stable_tag":"0.0.56","tested":"4.9.29","requires":"4.0","requires_php":"5.4","requires_plugins":"","header_name":"CSS Optimization","header_author":"Optimization.Team","header_description":"Advanced CSS optimization toolkit. Critical CSS, minification, concatenation, async loading, advanced editor, CSS Lint, Clean CSS (professional), beautifier and more.","assets_banners_color":"716f7a","last_updated":"2018-04-01 15:25:40","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/github.com\/o10n-x\/","header_plugin_uri":"","header_author_uri":"https:\/\/optimization.team\/","rating":0,"author_block_rating":0,"active_installs":10,"downloads":2870,"num_ratings":0,"support_threads":4,"support_threads_resolved":2,"author_block_count":0,"sections":["description","installation","changelog","faq"],"tags":[],"upgrade_notice":{"":"

None.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":"1835338","resolution":"128x128","location":"assets"},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":"1835338","resolution":"256x256","location":"assets"}},"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"1835349","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.0.13","0.0.14","0.0.15","0.0.16","0.0.17","0.0.18","0.0.19","0.0.20","0.0.21","0.0.22","0.0.23","0.0.24","0.0.25","0.0.26","0.0.27","0.0.28","0.0.29","0.0.30","0.0.31","0.0.32","0.0.33","0.0.34","0.0.35","0.0.37","0.0.38","0.0.39","0.0.41","0.0.42","0.0.43","0.0.44","0.0.45","0.0.46","0.0.47","0.0.48","0.0.49","0.0.50","0.0.51","0.0.52","0.0.53","0.0.54","0.0.55","0.0.56"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1835338","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1835338","resolution":"2","location":"assets"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1835338","resolution":"3","location":"assets"},"screenshot-4.png":{"filename":"screenshot-4.png","revision":"1835338","resolution":"4","location":"assets"},"screenshot-5.png":{"filename":"screenshot-5.png","revision":"1835338","resolution":"5","location":"assets"}},"screenshots":{"1":"CSS Code Optimization","2":"CSS Delivery Optimization","3":"Critical CSS Management","4":"CSS Editor","5":"Above The Fold Optimization"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[8906,31779,356,1332,1736],"plugin_category":[46,59],"plugin_contributors":[153343],"plugin_business_model":[],"class_list":["post-82348","plugin","type-plugin","status-closed","hentry","plugin_tags-async","plugin_tags-critical-css","plugin_tags-css","plugin_tags-editor","plugin_tags-minify","plugin_category-editor-and-writing","plugin_category-utilities-and-tools","plugin_contributors-o10n"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/css-optimization_716f7a.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/css-optimization\/assets\/screenshot-1.png?rev=1835338","caption":"CSS Code Optimization"},{"src":"https:\/\/ps.w.org\/css-optimization\/assets\/screenshot-2.png?rev=1835338","caption":"CSS Delivery Optimization"},{"src":"https:\/\/ps.w.org\/css-optimization\/assets\/screenshot-3.png?rev=1835338","caption":"Critical CSS Management"},{"src":"https:\/\/ps.w.org\/css-optimization\/assets\/screenshot-4.png?rev=1835338","caption":"CSS Editor"},{"src":"https:\/\/ps.w.org\/css-optimization\/assets\/screenshot-5.png?rev=1835338","caption":"Above The Fold Optimization"}],"raw_content":"\n

This plugin is a toolkit for professional CSS optimization.<\/p>\n\n

The plugin provides in a complete solution for CSS code optimization, CSS delivery optimization (async CSS loading) and Critical CSS management.<\/p>\n\n

The plugin provides many unique innovations including conditional Critical CSS, timed CSS loading and\/or rendering based on requestAnimationFrame<\/code> with frame target, requestIdleCallback<\/code>, element scrolled into view or a Media Query.<\/p>\n\n

The plugin enables to render and unrender stylesheets based on a Media Query or element scrolled in and out of viewport enabling to optimize the CSS for individual devices (e.g. save +100kb of CSS on mobile devices or based on the save-data header<\/a>).<\/p>\n\n

With debug modus enabled, the browser console will show detailed information about the CSS loading and rendering process including a Performance API<\/a> result for an insight in the CSS loading performance of any given configuration.<\/p>\n\n

The plugin contains an advanced CSS editor with CSS Lint, Clean-CSS code optimization and CSS Beautifier. The editor can be personalized with more than 30 themes.<\/p>\n\n

Additional features can be requested on the Github forum<\/a>.<\/p>\n\n

This plugin is a beta release.<\/strong><\/p>\n\n

Documentation is available on Github<\/a>.<\/p>\n\n\n

WordPress plugin installation<\/h3>\n\n
    \n
  1. Upload the css-optimization\/<\/code> directory to the \/wp-content\/plugins\/<\/code> directory.<\/li>\n
  2. Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n
  3. Navigate to the plugin settings page.<\/li>\n
  4. Configure CSS Optimization settings. Documentation is available on Github<\/a>.<\/li>\n<\/ol>\n\n\n

    0.0.56<\/h4>\n\n