[Front-End General] Grunt: Webページの表示高速化について考える（JavaScript・CSS編）

なぜ JavaScript や CSS を、concat, minify, compress するのか。
Grunt プラグインを通して考える。

[markdown]
> * [Web Performance Best Practices – Make the Web Faster — Google Developers](https://developers.google.com/speed/docs/best-practices/rules_intro?hl=ja)
> * [Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法 | コリス](http://coliss.com/articles/build-websites/operations/web-performance-best-practices-from-google.html)

Grunt が用意しているプラグインを利用することで、HTTPリクエストや転送量を減らす処理を意識せずに自動化し、結果、Webページの表示高速化を実現できる。

## minify(最適化)する

空白やインデント、改行などの不要な部分を取り除いたり、変数名を短い名前に置き換えてファイルサイズを減らす手法。

> * [CoffeeScriptベストプラクティス集　ブラウザ向けJavaScript編（3） （1/5）：CodeZine](http://codezine.jp/article/detail/6537)

ソースコードの挙動を全く変えずにファイルサイズを減らす。

> * [Grunt: JavaScript ファイルの結合・難読化・圧縮をする | deadwood](https://www.d-wood.com/blog/2013/11/25_5063.html)
> * [Grunt: css ファイルの結合・圧縮をする | deadwood](https://www.d-wood.com/blog/2013/11/28_5065.html)

## concat(結合)する

高速化のためすべてのソースファイルを1つに結合する手法。

> * [CoffeeScriptベストプラクティス集　ブラウザ向けJavaScript編（3） （1/5）：CodeZine](http://codezine.jp/article/detail/6537)

ソースファイルを1つずつ`