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

広告:ページ内にてアフィリエイト広告を利用しています。

サイトブログを高速化

サイトの反応が遅い、読み込みに時間がかかるのは致命的です。ユーザーは待ちたくない。サイトスピードを、たった2個の改善(方法)で劇的に改善します。

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

どちらも無料です!

おすすめ副業

\ココナラ成功パターンを詳しく見たい方は こちら をクリックしてください/

目次
PR

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

サイトのスピード改善の前に、現在のサイトの読み込みすぽーどを確認しましょう。ページのスピードを計測するサイト( PageSpeed Insights ) で確認します。

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

「モバイル」と「パソコン」でのスピードを両方確認できます。一般的にモバイルのほうがスピードが遅く出ます。自サイトのトップページ( https://boonboonblog.com/ )で確認したところ、対策実施前で「パソコン」 は「49」 でした。

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

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

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

遅延ロードのイメージ

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

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

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

Lazy Load プラグイン
STEP
設定する

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

Lazy Load の設定画面

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

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

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

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

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

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

EWWW Image Optimizer プラグイン
STEP
設定する

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

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

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

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

ポイント

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

※ 必須ではありません。

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

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

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

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

EWWW Image Optimizer プラグインの画像変換画面
STEP
圧縮結果を確認する

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

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

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

WordPress もっと!お役立ちテクニック

WordPress のお役立ちテクニックはこちら

PR

まとめ

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

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

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

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

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

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

Enjoy!めざせ!スピード狂

もっと WordPress のノウハウを知りたいときは
クリックアイコン
おすすめ副業「ブログ・アフィリエイト」

アフィリエイト初心者や経験者にとって、正しいスキルを学ぶことは成功につながる重要な要素です。

必要なスキルを身につけることができるアフィリエイトスクールでアフィリエイトを学びましょう!

\やるなら一日でも早い方がお得/

おすすめアフィリエイトスクールはこちら

PR

PR
広告の設置・収入について

当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。

当サイトは Google アドセンスを利用し、広告により収入を得ています。

当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。

電気通信事業法改正に伴う表記

目次