CSSのminifyは、CSSファイルのサイズを縮小し、ページのロード時間を短縮するための手法です。しかし、使用するツールや設定によっては、その効果は必ずしも大きくない場合があります。
ここでは、「gulp-clean-css」と「sass({outputStyle: ‘compressed’})」の二つの方法を比較しています。どちらの方法もCSSのminifyを行うことができますが、結果として生じるCSSファイルのサイズには大きな違いがありません。具体的には、Bootstrapでは152kbから151kbに、main.scssでは44kbから44kbにという結果が出ています。
さらに、ビルド時間が長くなるというデメリットも存在します。これらのことから、この2つの方法によるminifyはあまり効果が期待できないという結論に至りました。ですので、プロジェクトの状況に応じて、必要性や効果を検討して使用することをおすすめします。