Critical CSS

Gruntfile.js

@@ -90,6 +90,19 @@ module.exports = function(grunt) {
       }
     },
 
+    criticalcss: {
+        custom_options: {
+            options: {
+                url: "http://kevin.demo/cssoptim/index.php",
+                width: 800,
+                height: 600,
+                outputfile: "css/critical.css",
+                filename: "css/style.min.css",
+                buffer: 800*1024
+            }
+        }
+    },
+
 /**
  * X :: Watch files for changes and act on them (recompile etc...).
  */
@@ -123,6 +136,6 @@ module.exports = function(grunt) {
   // Load necessairy grunt tasks based on npm modules.
   require("load-grunt-tasks")(grunt);
 
-  grunt.registerTask('build', ['uglify', 'sass', 'concat_css', 'autoprefixer', 'cssmin', 'svgstore']);
+  grunt.registerTask('build', ['uglify', 'sass', 'concat_css', 'autoprefixer', 'cssmin', 'svgstore', 'criticalcss']);
   grunt.registerTask('default', ['build','watch']);
 }

package.json

@@ -8,6 +8,7 @@
     "grunt-contrib-cssmin": "^0.10.0",
     "grunt-contrib-uglify": "^0.6.0",
     "grunt-contrib-watch": "~0.5.3",
+    "grunt-criticalcss": "^0.4.1",
     "grunt-sass": "~0.8.1",
     "grunt-svgstore": "^0.3.5",
     "load-grunt-tasks": "^0.6.0",