WordPress

  (最終更新日:2018.05.29)

さくらインターネットのレンタルサーバーで通信の圧縮(mod_deflate)を利用する方法

さくらインターネットのレンタルサーバーで、ブログ(Wordpress等)の表示速度を改善したいときに有効な策の一つとして『通信の圧縮』があります。

通信の圧縮では一般的に、WEBサーバ側で圧縮が行われてサーバ⇔クライアント(ブラウザ)間の通信が圧縮されて届き、クライアント側(ブラウザ)で展開が行われる仕組みです。なので通信の圧縮を利用することで通信量が抑えられて、例えばスマホで閲覧する場合に通信パケットも抑えられることに繋がったりします。

そしてその通信の圧縮の方法で最もよく用いられるのが mod_deflate というWEBサーバのモジュールを利用した方法なのですが、さくらインターネット的には公式ではこの機能の利用(サポート)を公言していません。

しかしながら… 実はちゃっかり利用可能な状態だったりします。ありがたやさくらインターネット

ただし。

公式で利用を公言していないので非サポートでの利用となり、場合によっては将来的に利用が廃止される可能性もありますのでその点注意の上で利用してみますのでその方法をご紹介です。

.htaccessに記載するだけ

さくらインターネットのレンタルサーバーで mod_deflate による通信の圧縮を利用するには、 .htaccess に記載を追記するだけです。

対象としたいディレクトリ(Wordpressをインストールしている場所)にある .htaccess に下記を追記します。追記なので、もともと記載されているものの下に記載すれば大丈夫です。

<IfModule mod_deflate.c>
  SetOutputFilter DEFLATE
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch \bMSIE\s(7|8) !no-gzip !gzip-only-text/html
  
  Header append Vary Accept-Encoding env=!dont-vary
 
  # 画像は再圧縮しない
  SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-vary
  
  # 圧縮設定
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/js
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+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
</IfModule>

これで準備完了。
あとは普通にブラウザでアクセスしてみれば通信が圧縮されています。
(※下図は開発ツールで確認)

通信の圧縮をおこなうことで速度が低い回線などでも早くデータを受け取ることができるようになりますし、パケット通信量も抑えることができるのでスマホ利用者や通信カード利用者への優しさにもなりますよね。

必要に応じて利用してみてください。
ではでは。

関連記事

  1. WordPress

    【WordPress有料テーマ比較】MAGとアルバトロスの決定的な違い

    WordPressの有料テーマとして大御所中の大御所といえば、TCDが…

  2. WordPress

    【WordPressプラグイン】WordPress Visual Icon Fontsを入れるとアイ…

    いろいろなマークのアイコンって便利ですよね!ただ、いざWo…

  3. WordPress

    【WordPress】Simple Image Sizesのアップデート後にsyntax error…

    WordPressのプラグイン『Simple Image Sizes』…

  4. WordPress

    WordPressのSharebarにPocketのボタンを追加する方法

    ちょっと「後で読みたい」と思ったサイトを簡単に登録してくれるPocke…

  5. WordPress

    Can’t open file: ‘テーブル.MYI’という絶望…

    このようなブログなどを運用していると、ときどき技術的な問題にぶち当たる…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

Twitter

  1. ヘルスケア

    コスパ最強!ニトリの肩たたきマッサージャー(\5,220)が思った以上に気持ちが…
  2. iPhone連携アイテム

    【これから試す】テレビでFaceTimeビデオ通話(テレビ電話)をする方法を考え…
  3. 妊娠生活

    悪阻で自宅安静にしている妊婦さんに『ワタミの宅食』を超絶おすすめしたい理由と注意…
  4. 話題のネタ

    NARUTO-ナルト-完結記念で漫画とアニメが全話無料で配信
  5. Livedoorブログ

    【ライブドアブログ】アップロードした画像が粗くなるのは初期設定が原因
PAGE TOP