問題
ページの表示速度を少しでも改善したい。
解決策
GZIP圧縮を「.htaccess」にて行う。
「GZIP圧縮」とは
「GZIP圧縮」とは、「gzip」という圧縮形式を用いた圧縮方法の1つです。
ファイルを圧縮し、データ通信の容量を軽減することができます。
「GZIP圧縮」は、特にテキスト形式のファイルであるhtml、css、javascript等に効果があります。
ですが画像やPDFファイル等には適さないようです。
それらのファイルには「GZIP圧縮」を行わないよう、除外して設定します。
「GZIP圧縮」の設定方法
「GZIP圧縮」を設定するには、「.htaccess」に記述を行います。
mod_deflate
「mod_deflate」を用いて、「 GZIP圧縮」の設定を行っていきます。
SetOutputFilter DEFLATE
# Mozilla4系などの古いブラウザで無効、しかしMSIEは除外
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
# Mozilla4系などの古いブラウザで無効、しかしMSIEは除外
# gifやjpg、pngなど圧縮済みのコンテンツは再圧縮しない
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI _\.utxt$ no-gzip
#DeflateCompressionLevel 4
# gifやjpg、pngなど圧縮済みのコンテンツは再圧縮しない
# 有効な圧縮
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
# 有効な圧縮
Header append Vary User-Agent env=!dont-vary
参考ページ
【「gzip圧縮」でWebサイトを高速化しよう！【mod_deflate編】】
https://alaki.co.jp/blog/?p=2310
【Apacheのmod_deflateでコンテンツを圧縮してサイトを高速化する方法 | OXY NOTES】
https://oxynotes.com/?p=6519
コメント