WordPressテーマPrincipleの表示速度改善に効果があったプラグイン

 サイト表示の高速化をしたい。

 もともとの搭載との表示速度はGooglePageSpeed Insightsでモバイルサイトが64、パソコンが74点くらいだ。

 ブログのページスピードの改善を図ろうと入れたプラグインがWP HTTP Compression、EWWW Image Optimizer、Autoptimize、Async JS and CSS。

 この状態で、GooglePageSpeed Insightsでモバイルサイトが74、パソコンが81点くらいになった。

ブログの表示スピード改善のために入れたプラグイン

WP HTTP Compression

 HTMLデータをgzip圧縮するプラグイン。

 類似のプラグインにGZIP Outputがある。

 確証はないがWordPress Gzip Compressionも同じようなプラグインだと思う。

EWWW Image Optimizer

 画像を圧縮するプラグイン。

Autoptimize

 WordPressブログのHTML、CSS、 JavaScriptの縮小、最適化をしてページ表示速度の改善をするプラグイン。

Async JS and CSS

 レンダリングブロックcss/レンダリングブロックjavascriptの排除最適化のためのプラグイン。

 どのプラグインもデフォルト設定で問題なく動いてくれている。

 でも、実はほかの管理しているWordPressブログでは、表示スピードがモバイルで80点超えている。

 テーマも同じPrinciple。

 ということは、このブログももっと表示スピードを上げられるはずだ!

gzip圧縮するプラグインを変えてみた

WordPress Gzip Compression

 gzip圧縮するプラグインをWP HTTP Compressionから、ほかのものに変えてみた。

 結果WordPress Gzip Compressionでは、WP HTTP Compressionと変わりなし。

GZIP Output

 GZIP Outputでは、1点ずつGooglePageSpeed Insightsの点数がUP。

 Principleでは、WP HTTP CompressionよりGZIP Outputのほうがちょっと効果があるようだ。

プラグインを使わずにgzip圧縮する

 メインインデックスのphpに<?php ob_start("ob_gzhandler"); ?>を記載する方法というのもあるようなのでプラグインを停止してテーマファイルに<?php ob_start("ob_gzhandler"); ?>を記入してみた。

 結果は、モバイルで73点。

 いまいち。

 では、プラグインGZIP Outputを有効にしてメインインデックスに<?php ob_start("ob_gzhandler"); ?>を記載するとモバイル表示の点数は75点。

 GZIP Output単体と変わらず。

Async JS and CSSを停止して別のプラグインでレンダリングブロック排除最適化

Async JS and CSSを停止

 Async JS and CSSを停止したらGooglePageSpeed Insightsの点数がUP。

 しかもモバイル78点、PCも86点。

 なんてこったい!

 Async JS and CSSが表示速度を低下させていたらしい。

Async JS and CSS停止前の表示速度測定結果

Async JS and CSS停止後のブログ表示スピードの測定結果

Async JS and CSSを停止したらgzip圧縮が有効になった

 GooglePageSpeed Insightsの画面を見るとgzip圧縮の警告が消えている。

 レンダリングブロック排除のプラグインとして有名なAsync JS and CSSだが、場合によっては、導入しないほうがいいこともあるようだ。

 ちなみにレンダリングブロック排除・javascriptを非同期で読み込むプラグインAsynchronous Javascriptでも同様、導入すると表示速度が低下した。

 Javascriptを遅延ロードさせるプラグインWP Deferred Javascriptsでも同様の状態になった。

Autoptimizeを停止すると表示速度が大幅ダウン

 ついでにAutoptimizeを停止してみたところ、こちらは大幅に表示速度がダウン。

画像の表示を調整するプラグインBJ Lazy Loadを入れてみた

 画像をスクロールに合わせて表示するBJ Lazy Loadを入れてみた。

 これは大成功のようでGooglePageSpeed Insightsの点数がUP。

 モバイルで80点、PCで87点となった。

BJ Lazy Load導入のブログ表示スピードの測定結果

WordPressテーマPrincipleの表示速度改善に効果があったプラグイン

 実験した結果、WordPressテーマPrincipleの表示速度改善に効果があったプラグインは以下。

  • Autoptimize
  • GZIP Output
  • BJ Lazy Load

 上記3つのプラグインは、確実にWordPressテーマPrincipleの表示速度改善に効果があった。

 EWWW Image Optimizerの効果のほどは不明。

 Async JS and CSS、Asynchronous Javascript、WP Deferred Javascriptsは不要どころか表示速度を低下させた。

 テーマによってプラグインの相性ってあるようだ。

おすすめ記事

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

人気のフィード(RSS)リーダーfeedlyを設置してみた
RSS,フィード,Atomってなに?
Googleアドセンスの種類は?
FC2ブログの全記事リストを表示する時のHTMLタグと注意点
WordPressにFC2ブログの画像を取り込む
Googleの検索ボックスの便利な使い方1
ドメイン選びの注意点
広告や画像を横並べにするHTML
またwordpressブログを消してしまった
FC2ブログから引越し準備・データのダウンロード
Googleアドセンスをシーサーブログのタグページに表示させないようにする・2カラムテンプレートサイドカラム編
レンタルサーバーに仮登録してみた
WordPressのリビジョンって何のためにある?
FC2ブログのバックアップ機能使ってみた
Googleアドセンスの新しい管理画面は、解析能力が優秀

Menu

HOME

 TOP