◆当ページにはプロモーションが含まれています

お役立ち情報

WordPressブログを高速化! mod_deflate を設定してみよう

みなさん、こんにちは。どんぶラッコです。

今日は、Wordpressのブログをちょっぴり高速化できるdeflateのご紹介です!

.htaccessに記述するだけで簡単にブログの表示速度をあげることができます!

Google PageInsight のスコアが上がらない…と悩んでる方、必見です!

mod_deflateとは?

mod_deflateとは、Apacheの拡張モジュールです。こいつを設定してあげると、サーバサイドの方で予めファイルを圧縮する動きをしてくれます。

https://httpd.apache.org/docs/2.4/ja/mod/mod_deflate.html

こちらのブログによると、400KBのテキストデータが25KBに圧縮されて転送されたとのこと。効果は抜群ですね!

さて、気になる書き方ですが、.htaccessに記述を追記します。

私はさくらインターネットのレンタルサーバを使っています。さくらインターネットのApacheはこのmod-deflate拡張に対応しています。(というかよほど古いApacheじゃなければ大丈夫)

実際に書いてみよう!

実際に .htaccessに書く内容はこんな感じです。

この内容は .htaccessのmod_deflateでファイル圧縮送信で高速化でSEO対策! – 有限会社 エス技研 様の内容を参照しています。

<IfModule mod_deflate.c>
  SetOutputFilter DEFLATE
 
  # Mozilla4系、IE7、8の古いブラウザでは無効にする
  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
 
  # GIF、JPEG、PNG、ICOなど圧縮済みの画像は再圧縮しない
  SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-vary
  # プロクシサーバが間違ったコンテンツを配布しないようにする
  Header append Vary Accept-Encoding env=!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
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-font-woff
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
</IfModule>

これを記述したところ…

最初モバイルの PageInsights 評価は7だったのですが (酷すぎる!!)

対応後は14にスコアアップしました!

キャプチャはしていませんが、PCページのスコアも 38 → 48 に アップしました!効果抜群ですね。

追記: どこの.htaccessに記述したらいいの?

「どこに.htaccessを追記したらいいの?」という声があったので追記です。

WordPressをお使いの場合は、Wordpressをインストールしたホームディレクトリにある .htaccessファイルを編集すればOKです。

どんぶラッコ
どんぶラッコ
「見つかんないよ!」という人は不可視ファイル(“.”から始まる名前のファイル)が非表示になっているかもしれません。
どんぶラッコ
どんぶラッコ
例えばCyberduckであれば、表示→不可視ファイルを表示 で表示させられます。お使いのFTPソフトや環境によって違うので「[アプリ名] 不可視ファイル 表示 方法」とかでググってみてください!

いずれにしてもページ速度評価が鬼低いので、引き続き対応していこうと思います!

どんぶラッコ
どんぶラッコ
有力情報があったらコメントで教えてください!
エンジニアにおすすめ転職サイト

マイナビIT AGENT
迷ったらまずはココ。求人数が多いため希望や条件にマッチする求人が見つかる!

レバテックキャリア
担当者のレベルが高い。エンジニア特化で15年の実績がある実績で初回提案での内定率驚異の90%!

JOIN
副業やフリーランスとして高額報酬案件を見つけるならJOIN。未経験者でも案件獲得実績豊富が強み!

\面白いと思ったら/

記事のシェア & Twitter のフォロー をお願いします!

@proglearn
一緒によく読まれている記事

COMMENT

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