Webページの読み込みが遅いと、それだけでユーザー体験が低下し離脱につながってしまいます。
当サイトはまだ本格運用を始めたばかりなのでそもそもユーザー数少ないのでサイトのパフォーマンスが
低かろうが影響もあまりないのですが（笑）

まぁ、ページの描画は早いほうがいいだろうということで色々試してみました。

１．圧縮を有効にする（html, css, jsなどの静的コンテンツ）（当記事）
２．ブラウザのキャッシュを有効にする（静的コンテンツにキャッシュを導入する）
３．CSSを縮小する
４．HTMLを縮小する
５．スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する（※一部）
６．読み込み中のときにloading indicatorを表示する（これはユーザー体験を高めるためのおまけ）

PageSpeed Insightsで現状を把握する

調査したいWebサイトのURLを入力し、「分析」をクリックします。
しばらくすると、そのサイトの調査結果が100点満点で表示されます。

当サイト、恐ろしく低いスコアが叩き出されました。驚愕です。笑

このPageSpeed Insightsでは、どうすればユーザー体験が高まるかを提案してくれるところが素晴らしいです。

「修正が必要」、「修正を考慮」という項目を潰していけば必然的にパフォーマンスが向上します。（スコアも伸びます）

実際に実践したこと

１．圧縮を有効にする（html, css, jsなどの静的コンテンツ）
２．ブラウザのキャッシュを有効にする（静的コンテンツにキャッシュを導入する）
３．CSSを縮小する
４．HTMLを縮小する
５．スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する（※一部）
６．読み込み中のときにloading indicatorを表示する（これはユーザー体験を高めるためのおまけ）

１．圧縮を有効にする

・Apache Module mod_deflate

上記サイト記載の通り、以下のように設定します。

<VirtualHost *:80>
    ... 
    <IfModule mod_deflate.c>
        <Location />
            # Insert filter
            SetOutputFilter DEFLATE

            # Netscape 4.x has some problems...
            BrowserMatch ^Mozilla/4 gzip-only-text/html

            # Netscape 4.06-4.08 have some more problems
            BrowserMatch ^Mozilla/4\.0[678] no-gzip

            # MSIE masquerades as Netscape, but it is fine
            BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

            # Don't compress images
            SetEnvIfNoCase Request_URI \
            \.(?:gif|jpe?g|png)$ no-gzip dont-vary

            # Make sure proxies don't deliver the wrong content
            Header append Vary User-Agent env=!dont-vary
        </Location>
    </IfModule>
    ...
</VirtualHost>