カテゴリー: WordPress

WordPressで使用する画像の表示スピードを高速化する方法を解説します。

サイズの小さい画像を使う

大きなサイズの画像は（えてして）画像のデータサイズも大きく、ページの表示スピードを遅くします。

文字が書かれている画像など、画質が重要な画像ならばともかく、サムネイルなど、さほど画質が重要でない画像はサイズを小さくしましょう。

パソコンによっては4Kの画像なども表示できますが、ウェブサイトに4K（3840×2160px）やフルHD（1920×1080px）の画像は大きすぎるのではないかと思います。

ではどのサイズが最適かというと、一概には言えませんが、自分が納得できる範囲でできる限り小さいサイズの画像を使いましょう。

デジカメやスマートフォンで撮った画像をそのまま使うと、非常に大きなサイズになってしまうので気をつけてください。

画像は圧縮して使う

画像はそのままアップロードするのではなく、事前に圧縮してからアップロードしましょう。

筆者は「Ccompressor.io」というウェブ上で使えるツールを利用しています。

また、WordPressにはアップロードされた画像を自動で圧縮してくれるプラグインもあります。筆者は「EWWW Image Optimizer」を使用しています。

画像の遅延読み込み（Lazy-loading）

WordPressに「画像の遅延読み込み（Lazy-loading）」を設定しましょう。

画像の遅延読み込みを設定することで、サイトやブログを読み込む際、サイトの下部などページをスクロールしなければ表示できない画像の読み込みを遅らせる（後回しにする）ことで、サイトの高速化が期待できます。

画像の遅延読み込み機能はWordPress 5.5から標準で搭載されています。

WordPress 5.5から、画像の遅延読み込みが標準機能になりました。プラグインを使わなくても遅延読み込みさせることができます。

出典：画像の遅延読み込みが標準機能に【WordPress5.5の新機能】 | WordPress超初心者講座

なので、最新のWordPressを使っている方は何もしなくてもOKです。

画像をCDNで配信する

画像をCDNを使って配信しましょう。

ブログの画像などを専用のサーバーにキャッシュし、WordPressを設置しているサーバーの負荷を減らすことで高速化が期待できます。

画像をCDN経由にすると、ブログによっては大幅な高速化が期待できます。

オススメのCDN

CDNサービスは「Clodflare」やWordPressのプラグインである「Jetpack」が有名です。どちらも無料で使用できます。

筆者はJetpackの画像CDNを使っています。管理画面から有効化するだけで難しい設定が不要で利用できるのでオススメです。

高速化の効果もかなりありました。

まとめ

画像はデータ量が特に重いので、画像のサイズを小さくしたり、圧縮したりすることは、WordPressの高速化にとても効果的です。

初心者の方でも取り組みやすいことが多いので、ぜひ試してみてください。

「プラグイン」はWordPressに新しい機能を追加するための仕組みです。

サイトの機能追加ができる55,000個以上のプラグインが無料で利用できます。 目的にあったWordPress に拡張しましょう。 プラグインを使えばお問い合わせフォーム、ECサイト、ギャラリー、メーリングリストや掲示板、アクセス統計情報などの機能が追加できます。

出典：ブログから大規模サイトまで作れる CMS | WordPress.org 日本語

WordPressには最初から様々な機能が搭載されています。ブログやカンタンなウェブサイトを作るだけならば、最初から備わっている機能だけでも十分です。

ですが、サイトを運営していると、WordPressに様々な機能を追加したり、複雑な設定をしたくなる時があります。

例えばSNSのシェアボタン、お問い合わせフォーム、スパム対策、セキュリティ向上、SEOのための設定、表示スピードを速くするための設定…

こうした機能や設定を自分で実装するには、プログラミングの知識等が必要なのでとても大変です。

しかし、プラグインを利用すれば、管理画面からカンタンな操作をするだけで、様々な機能や設定をすることができます。

セキュリティには要注意！

プラグインを使えば、誰でもカンタンに高度なカスタマイズをすることが可能になります。

ですが、プラグインの中には古くてWordPressのセキュリティを低下させるものや、最初からウェブサイトに害を与えるために作られた悪意のあるものもあるので注意しましょう。

誤って危険なプラグインを追加してしまわない様に、事前にプラグインの評価を調べる等、対策しましょう。

基本的な対策として、WordPressのプラグインは公式サイト（WordPress プラグインディレクトリ）に掲載されているものの中から選ぶと良いでしょう。

まとめ

WordPressはプラグインを活用する事でカンタンに機能を追加する事ができ、非常に便利です。

うまく活用する事で、プログラミングの知識等が無くても、高機能なウェブサイトを作る事が出来ます！

公式サイト：WordPress プラグイン | WordPress.org 日本語

「EWWW Image Optimizer」はWordPressのメディアライブラリにアップロードされた画像を自動で圧縮し、データを削減してくれるプラグインです。

使い方はインストールして有効化するだけでOK。特別な設定は必要ないので便利です。

また、管理画面から「メディア」→「一括最適化」→「最適化されていない画像をスキャンする」をクリックすることで、過去にアップロードした画像も全て最適化（圧縮）ができます。

公式サイト：EWWW Image Optimizer

WordPressの予約投稿はウェブサイトのアクセスが少ない場合、失敗する場合があります。

なぜこのような事が起こってしまうのか？

実は、WordPressの予約投稿は「設定した時間になったら記事を自動的に公開する」というものではありません。

WordPressでは「指定した時間に、サイトにアクセスがあった場合に記事を公開する」という仕組みです。

そのため、立ち上げたばかりのサイトなど、アクセスが少ない（アクセスが無い）サイトでは、予約投稿が失敗する事があります。

これはWordPressの仕様なので、アクセスが少ないサイトで予約投稿が失敗しても、トラブルやウイルスなどを心配する必要はありません。手動で再投稿するなど、落ち着いて対応すれば大丈夫です。

参考：WordPressで予約投稿が失敗した時に入れたいプラグイン「Scheduled Post Trigger」 | ディレイマニア