『サイト高速化の第一歩「png」はやめよう!』というブログのイメージ画像です。

サイト高速化の第一歩「png」はやめよう!

Last Updated on 2021年12月28日 by webassistant

サイトの表示が遅延すると離脱率が高まり、2021年、GoogleのUpdateで遅いサイトはランクを落とすと言われています。

https://developers.google.com/speed/pagespeed/insights/?hl=ja
Googleが速度をチェックして点数で評価してくれます。
できれば、パソコンでは80点以上、スマホで60点以上は取りたいですね。

まず、基本的なこととしてpngをjpgに変換しましょう。
透過することで背景を見せる場合はあると思います。
会社などのロゴもそれに当たりますが、それ以外はjpgに変換することで大幅に速度が向上します。

たとえば、この写真。
pngにすることで背景は何色でもかまわないので、使いやすい画像ですが、背景色をサイトの背景色と同じ画像を用意すれば、pngの必要はなくなります。
pngとjpgではjpgが軽いのは常識なので、jpgに変換すると良いのですが、その手順をご説明いたします。

pngを見つけ出す

ダッシュボードのメディアのライブラリの検索窓に「png」を打ち込みます。
そうすると過去にアップロードしたpngがだけが表示されます。
その中から、どうしてもpngの必要があるもの以外はダウンロードしてjpg化します。
膨大な量がある場合で、「ムリー!」という場合は、100kbを超えているものだけでもjpg化しましょう。
もしくは、下層ページであまり見られていないものであれば、飛ばしても良いかもしれませんが、TOPやランディングページなど、良く見られるページで使っているものはすべてjpg化します。

簡単JPG化

次にjpg化の方法ですが、簡単にできるウェブサイトがあります。
ノーコードウェブ
pngをドラッグアンドドロップするだけで一瞬でjpgに変換してくれて、自動でダウンロードされます。
ダウンロードフォルダに同じ名前の画像ファイルがダウンロードされます。
拡張子がjpgに変わるだけなので、リネームの必要がなくそのまま使える画像になっています。

面倒な会員登録を求められるものや数量制限があるものなどあるのですが、これは一切ないのでおススメです。

画像の差し替え

ちょっと面倒ですが、画像の拡張子をpngからjpgに差し替えて終了となります。

まとめ

pngからjpgに変換すると元のファイルサイズの10分の1以下になる場合もあり、侮れません。
わたくしの場合、サイトのキャプチャを撮ってそのままポイっとアップする場合もあり、そうするとpngのままで300kbやそれ以上のファイルも散在しています。
アップロードする前にファイルサイズをチェックすることの重要性を改めて認識していると良いと思います。

この記事についてのお問い合わせはこちらからご遠慮なくご連絡ください。

当社では、WordPressを用いたWebサイト制作を行っております。
お問い合わせはこちらまでお気軽にご連絡ください。

制作実績はこちらからご確認ください。
⇒【View Now!】WordPress制作事例をチェック!

ノーコードで簡単ウェブ制作なら断然ELEMENTORが便利です。

この記事についてのご質問がある方はワードプレスの学校でお願いいたします。

当社では、WordPressを用いたWebサイト制作を行っております。
ホームページの制作については、こちらからお気軽にお問い合わせください。

制作実績はこちらからご確認ください。
⇒【View Now!】当社の制作事例をチェック!

ノーコードで簡単ウェブ制作なら断然ELEMENTORが便利です。

ワードプレスの学校

ワードプレスについて何時でも何度でも質問ができる「ワードプレスの学校」を開設しました。
本サイトで解決できなかった問題は直接ワードプレスの学校で質問ができます。
ぜひ、ワードプレスの学校をチェックしてみてください!

Join our newsletter

毎週金曜日に最新のワードプレスの情報を配信しています
いつでも解読できますので、お気軽に登録してください

Join Our School

ワードプレスについて何時でも何度でも質問ができる「ワードプレスの学校」を開設しました。
本サイトで解決できなかった問題は直接ワードプレスの学校で質問ができます。
ぜひ、ワードプレスの学校をチェックしてみてください!

— ワードプレスの学校でワードプレスについて一緒に学びませんか —

ブログを読むより、ユーチューブ動画を見るより、ワードプレスに精通した講師に直接聞いて問題を解決しましょう!ワードプレスの学校は、質問し放題のオンラインスクールです。