In this recipe, we will further decrease the file size of our main.css
file by stripping comments from it. To this end, we will incorporate another Grunt plugin, grunt-strip-css-comments
, into our workflow.
To get ready, open the main.css
file from the chapter9/start/app/www
folder in your text editor. Note the difference in both file size and content between the two files--the file from this recipe, and the file from the preceding recipe. Obviously, removing comments can add significant improvements to our CSS file size, and ultimately to our page speed.
Note
Page speed is important. You should always inspect your code with tools such as Google's PageSpeed Insights, available at:developers.google.com/speed/pagespeed/insights/.