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

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

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

  2. WordPress

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

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

  3. WordPress

    【WordPress】SyntaxHighlighter Evolvedで上下に余白を入れる方法

    WordPressのありがたプラグイン《SyntaxHighlight…

コメント

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

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

最近の記事

Twitter

  1. ネタ

    日立が開発した自律走行による移動支援ロボ「ROPITS」が凄い。予約したら迎えに…
  2. 佐賀の話題

    佐賀で唯一。頭痛治療ができる病院【おそえがわ脳神経内科】に行ってきた
  3. 電子書籍

    なんですと!?遂にiOS電子書籍アプリのiBooksに名探偵コナンが大量にやって…
  4. ChatWork

    チャットワークを会社で使うならニックネームの設定は必ずしておこう
  5. iPhone

    [iOS 7]アプリの自動アップデートを無効にする方法
PAGE TOP