CSSファイルや、JavaScriptを記述して読み込んでいる外部ファイル(JSファイル)は、半角スペースや改行、コメントなど、無駄を省くことでファイルサイズを軽くすることができます。 ファイルを圧縮・軽量化(Minify)することで、ファイルの読み込みも速くなり、Webページの表示速度が速くなります。 SEO(検索エンジン最適化)もそうですが、ユーザー体験(UX)を意識する中では、Webページの表示速度は重要な要素で、もし遅いのであれば改善していかなくてはなりません。 表示速度の改善方法はいくつかありますが、ここでは、CSSファイルやJSファイルを圧縮・軽量化(Minify)する方法について見ていきます。 Webブラウザ上で変換するオンラインツールを使うなど、いろいろ方法はありますが、Visual Studio Codeでは、拡張機能を利用することで、手軽に圧縮・軽量化したファイルを生成