問題 × 解決策

データ通信を軽くする、GZIP圧縮の方法

問題

ページの表示速度を少しでも改善したい。

解決策

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

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

five + eighteen =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧