CSSファイルや、JavaScriptを記述して読み込んでいる外部ファイル(JSファイル)は、半角スペースや改行、コメントなど、無駄を省くことでファイルサイズを軽くすることができます。 ファイルを圧縮・軽量化(Minify)することで、ファイルの読み込みも速くなり、Webページの表示速度が速くなります。 SEO(検索エンジン最適化)もそうですが、ユーザー体験(UX)を意識する中では、Webページの表示速度は重要な要素で、もし遅いのであれば改善していかなくてはなりません。 表示速度の改善方法はいくつかありますが、ここでは、CSSファイルやJSファイルを圧縮・軽量化(Minify)する方法について見ていきます。 Webブラウザ上で変換するオンラインツールを使うなど、いろいろ方法はありますが、Visual Studio Codeでは、拡張機能を利用することで、手軽に圧縮・軽量化したファイルを生成
![VSCodeの拡張機能「JS & CSS Minifier」でファイルを圧縮・軽量化する | Free Style](https://cdn-ak-scissors.b.st-hatena.com/image/square/e1ed08c0643becdcffb072fcdd93aef5a00d10dc/height=288;version=1;width=512/https%3A%2F%2Fblanche-toile.com%2Ffreestyle%2Fwp-content%2Fuploads%2F2021%2F08%2Fvscode-minify-js-css-mv.png)