WordPress

たった2つの方法で重いサイトブログを高速化(WordPress)


家を運ぶトラックのおもちゃ

サイトの反応が遅い、読み込みに時間がかかるのは致命的です。ユーザーは待ちたくない。

サイトスピードを、たった2個の改善(方法)で劇的に改善します。

  • 方法1:画像を遅延ロードする( 「Lazy Load by WP Rocket」 プラグイン )
  • 方法2:画像を圧縮する ( 「EWWW Image Optimizer」 プラグイン )

どちらも無料です!

ページの表示スピードの確認方法

サイトのスピード改善の前に、現在のサイトの読み込みすぽーどを確認しましょう。

ページのスピードを計測するサイト( PageSpeed Insights ) で確認します。

対策前のページスピードの計測

「モバイル」と「パソコン」でのスピードを両方確認できます。一般的にモバイルのほうがスピードが遅く出ます。

自サイトのトップページ( https://irojiroharaguro.com/ )で確認したところ、対策実施前で「パソコン」 は「49」 でした。

49の場合、ページ読み込み時に若干画面が固まります。ストレスですね。

スピード改善方法1:画像を遅延ロードする

ページを表示する際、実際に画面内に表示されていない画像は 後から必要に応じてロードすればよいので、画像を遅延ロードさせることがとても効果的です。

遅延ロードのイメージ

画像の遅延ロードは、「Lazy Load by WP Rocket」 プラグインで実現できます。

step
1
Lazy Load by WP Rocket プラグインをインストールする

「Lazy Load by WP Rocket」 プラグインは WordPress のプラグインの新規追加で利用できます。確認して有効化します。

Lazy Load プラグイン

step
2
設定する

WordPress の 「設定」 → 「LazyLoad」 を選択して、設定画面を表示します。

Lazy Load の設定画面

Images にチェックをして、設定を保存して完了です。

スピード改善方法2:画像を圧縮する

単純にページ内も最も 大きなサイズのリソース は 「画像」 ですので、画像を圧縮して、できる限りサイズを小さくします。

画像を自動で圧縮してくれるプラグイン「EWWW Image Optimizer」が便利です。

step
1
EWWW Image Optimizer プラグインをインストールする

「EWWW Image Optimizer」 プラグインは WordPress のプラグインの新規追加で利用できます。確認して有効化します。

EWWW Image Optimizer プラグイン

step
2
設定する

WordPress の 「設定」 → 「EWWW Image Optimizer」 を選択して、設定画面を表示します。

EWWW Image Optimizer プラグインの設定画面

「基本」 タブで 「メタデータを削除」 のチェックが付いていることを確認します。

※ 初期設定でチェックがついていますが、もしついていない場合は、チェックをつけて保存します。

ポイント

「WebP」 タブで設定を入れることで、次世代画像フォーマット(WebP 形式)にすることも可能です。

※ 必須ではありません。

step
3
新しくアップする画像は自動で圧縮される

プラグインインストール(有効化)後に新しくアップする画像は自動で圧縮されるので特に何もする必要はありません。

step
4
過去にアップした画像を一括圧縮する

WordPress の 「メディア」 → 「一括最適化」 をポイントし、画面の 「青いボタン」 の手順に従って、画像を一括で最適化します。

EWWW Image Optimizer プラグインの画像変換画面

step
5
圧縮結果を確認する

WordPress の 「メディアライブラリ」 で画像の一覧を確認します。

EWWW Image Optimizer プラグインの画像変換結果の確認

右側に圧縮結果を示す列が表示され、各画像がどのように圧縮されたかの結果を確認できます。

まとめ

ページのスピードを計測するサイト( PageSpeed Insights ) で、再確認してみましょう。

対策前のページすぽーどの計測

評価「49」を、「75」に改善できました!

WordPress で作成したページの高速化は、次の2方法が効果的です。

方法1:画像を遅延ロードする( 「Lazy Load by WP Rocket」 プラグイン )

方法2:画像を圧縮する ( 「EWWW Image Optimizer」 プラグイン )

どちらのプラグインも無料で利用可能です。

Enjoy!めざせ!スピード狂

WordPress のおすすめテーマ



  • SEO に強く【集客力強化】が望める
  • かっこいい(かわいい)ホームページを作りやすい
  • 初心者でも使えて、上級者になっても満足できる


本気でブログアフィリエイトを戦うなら、使うテーマは「AFFINGER」!

WordPress ブログの最上級おすすめテーマ「AFFINGER」をお試しください。



AFFINGER の紹介はこちら




AFFINGER(アフィンガー)テーマは「ここ」がすごい!【WordPress 初心者必見!】

AFFINGER テーマを使うと「オシャレなサイト」を作りやすくなります。オシャレなサイトは、ユーザーの滞在時間が増え、サイト評価があがり、サイトの露出が増えて、さらにユーザ(読者)を呼び込む好循環を実現します。WordPressのテーマ「AFFINGER」を徹底紹介します。

続きを見る


WordPress の情報、テクニック一覧はこちらをクリック!










ブログランキング・にほんブログ村へ  




Presented By Irojiro Haraguro .Com