
一般的に、大多数の個人がサイト制作で採用するサーバーは小容量のものや海外サーバーであるため、サイトの画像が多い場合に画像の読み込みが遅いという問題に直面します。
では、サイト制作で画像の読み込みが遅い場合、どのように処理すればよいでしょうか?
サイト画像の読み込みが遅い場合のいくつかの解決方法
画像圧縮
画像圧縮は、サイト画像の読み込み速度が遅い問題を解決する比較的一般的な方法であり、習得難易度も比較的簡単です。
画像圧縮には2つの方法があります:
一つは自分で手動で圧縮する方法、例えばローカルの画像圧縮ソフトやオンライン画像圧縮サービスを使用します。
ローカルで画像を圧縮する場合、Naibaが以前に書いたXnConvertというソフトウェアを試してみてください。Macで画像の一括サイズ変更、ウォーターマーク追加、回転を行う方法、紹介されているのはこのXnConvertソフトウェアです。
もちろん、XnConvertの専門能力は画像圧縮ではありません。画像のバッチ圧縮は可能ですが、効果が最良とは限りません。
Naiba サイト構築ノートサイト上の画像は、基本的にオンライン画像圧縮サービスで処理してからアップロードしたものです。Naibaがよく使用しているのは、以下の2つのサイトのサービスです。
https://tinypng.com/ 和 https://compressor.io/compress
もう一つの方法は、プラグインを使って自動圧縮することです
WordPressプラットフォームには多くの画像圧縮プラグインがありますが、ほとんどが無料での圧縮数に制限があります。例えばEWWW Image OptimizerやShortPixel Image Optimizerなどです。
以前、Naibaもプラグインを使って画像を圧縮していましたが、手間は省けますが、画像が多くなると無料枠の制限があるため適しません。また、国内サーバーを使用している場合、すべてのプラグインが使えるとは限りません。一部のプラグインは外部の圧縮サービスを呼び出すため、国内からアクセスできないことがあります。
画像CDNまたは画像ホスティング
画像CDNについては、Naibaが以前に記事で紹介しました。又拍雲を使用してWordPressサイトを高速化また、又拍雲は毎月10GBの無料トラフィックを提供しており、一般的なブログユーザーには十分です。国内では、ICP登録をしていれば、多くのCDN事業者が無料トラフィックを提供しているので、複数のCDNを組み合わせて使えば、トラフィックが不足することはほとんどありません。
もちろん、画像ホスティングサービス(図床)を使うこともできます。無料の画像ホスティングはネット上にたくさんあります。検索すれば見つかります。ただし、画像ホスティングには安定性の問題があります。例えば、新浪の画像ホスティングは長年安定していましたが、今年突然ホットリンク防止が導入され、多くのサイト運営者が苦労しています。大量の画像をどうやって戻すか?(実は方法もあります。プラグインやスクリプトを使って自動的にローカルにダウンロードし、リンクを置き換えるのです。)
最も効果的な画像高速化方法
上記の2つの方法は画像の読み込み速度にある程度効果がありますが、次の方法ほど顕著ではありません。それは、画像を入れずにテキストのみの記事にすることです。
そうです、画像を挿入しないのです。画像がなければ、画像の読み込みが遅いことを心配する必要はありません。
もちろん、画像のない記事はユーザー体験を損なう可能性があります。しかし、ブログが単なる自分用の記録であり、トラフィックやユーザー体験を気にしないのであれば、画像は使わなくてもよいでしょう。Naibaも以前、そのようなサイトを運営していた時期がありました。
まとめ
以上、ウェブサイトの画像読み込みが遅い場合の3つの解決策でした。
3つ目の方法は半分冗談ですが、通常はCDNを設定できるならCDNを導入し、画像が多すぎる場合は有料CDNを利用するのがよいでしょう。
画像が少ない場合は、手動で画像を圧縮するだけで十分です。トラフィックが増えたらサーバーの帯域をアップグレードするか、CDNで画像を高速化すれば、ウェブサイトの画像読み込み速度の問題は解決できます。
画像ホスティングサービスを使用する場合は、ローカルにも画像ファイルのバックアップを取っておくことをおすすめします。無料の画像ホスティングが使えなくなった場合に備えて、画像データが失われるのを防ぐためです。