1ヶ月無料!Amazonオーディブルで本を聞こう!
お役立ち情報

画像縮小にはEWWWとCompressの二重掛けで速くなる!

最近ブログの見た目を
手直ししたくて
TOPページばっかり見ていた。

mikan
mikan
自分のサイト・・・
usagi
usagi
ん???
mikan
mikan
重い、中々開かない~
usagi
usagi
開かんね(笑)遅いね

ということで
高速化ができるかどうか
必死に2日間頑張った(笑)

備忘録的に誰かのお役に立てれば。

全体的に参考にした記事
https://saruwakakun.com/html-css/wordpress/speedup

画像はプラグイン2つ掛けで一気に速くなるよ

ブログの読み込み重いんです

ブログの速度が分かるサイトで
早速調べてみた。

https://gtmetrix.com/

URL入れたらサイト評価が
ランク形式で出るいうもの。

オンラインサロンで
繋がっているメンバーから
教えてもらった。

mikan
mikan
悪い!!速度遅すぎる(笑)
usagi
usagi
Fって(笑)F・・・

対策を早速探してみることに!
よく画像入れているので
画像中心で検索!!

画像の圧縮EWWW Image Optimizer

ネット検索で
今までアップした
画像の一括圧縮が
すぐできると評判のプラグイン。

これからアップロードする画像も
自動で圧縮してくれるとか。

mikan
mikan
設定も簡単そう~やってみよ
usagi
usagi
うんうん。

やってみた結果ちょっと上がった。

ものの そこからどうすれば
分からずtwitterに助けを求めた。

Compress JPEG & PNG imagesのプラグインも入れる!

twitterで呟いた次の日に
なおころさんから
アドバイスをもらった。

mikan
mikan
え、まさかの画像圧縮2段構え!?
usagi
usagi
画像圧縮できているはずなのに?

藁にも縋る思いで
早速なおころさんの記事
https://availability89.com/doublr-r/wordpress-display-speed/
に飛んで設定方法を確認。

ざっくりやり方としては
TinyPing登録→APIキーを取得
Compress JPEG & PNG images
プラグインを入れて設定!

なおころさんの記事を
見ながら設定してみる。

このプラグインでは
1か月500枚までは
無料で圧縮可能。

500枚を超えると
お金がかかる仕組み。

mikan
mikan
まぁサイト始めたばっかだし
そんなに画像ないし(笑)
usagi
usagi
・・・いやmikan、これ・・・

画像を1枚上げたら1枚として
カウントはされないのを
初めて知った。

1枚上げても
ワードプレスの設定か
テーマの設定で
画像がリサイズされて
何枚か複製されているとか。

mikan
mikan
おおお、全部圧縮したら
普通に500枚超える(笑)
usagi
usagi
(笑)

ということで
一番大きいサイズの
オリジナルサイズだけ
圧縮することにした。

一括圧縮することも可能だが
おすすめは1枚1枚
ライブラリから見て
やっていくのがいいとか。

(エラーが出ると困るから)

1枚1枚していたら
380枚ぐらい圧縮した。

mikan
mikan
EWWW~で圧縮していたのにな~
usagi
usagi
こっちのほうが圧縮率良いらしいね

そんな感じで圧縮終了。
もう一度ブログスピードを見てみる。
(画像見にくいので注意)

mikan
mikan
か、かんどう!!!
usagi
usagi
良かったね~画像重いんだね~

なおころさん
本当にありがとうございました!

画像を圧縮するだけでこんなにも
ランクは上がったよ。

ちなみにキャッシュ系プラグイン

画像圧縮EWWW Image Optimizerの後
Compress JPEG & PNG imagesという
プラグインを見つける前に
キャッシュ系プラグインも
試しに入れてみた。

Autoptimize
→コードの圧縮

WP Fastest Cache
→キャッシュ系プラグイン
〇参考
https://pasolack.com/wordpress/wp-fastest-cache/
https://affiliate150.com/wp-fastest-cache

mikan
mikan
よく分からないけど入れた
usagi
usagi
おい(笑)

WP Super Cache
W2 Total Cache
のキャッシュ系プラグインは
不具合が出たり
しているのでやめた。

ヘッダーの表示が崩れた

キャッシュ系プラグイン設定してから
パソコン表示を確認すると
ヘッダーの表示が
おかしくなっていた。
(カテゴリーが
2段になっているなど)

mikan
mikan
・・・分からないから止めてみよ

Autoptimizeを停止。

停止したら直った。

丁度昼から旦那が来たので
Autoptimizeを停止しなくても
速くなるんじゃないかと
色々試してくれた。

上2つのプラグインを有効化して
チェックボックスのチェックを
入れたり外したりしたらできた。
(ヘッダーのチェックかな?)

画面を確認すると
エラーもなくできた。

mikan
mikan
あ、そういえばスマホ固定フッター消えてる(笑)
旦那
旦那
ん~なんでだろう

で、キャッシュ系プラグインを
いじってたら
またヘッダーが崩れた。

→これはヘッダーが崩れた
キャッシュを
読み込んでいたから。

→上2つのプラグインを開けて
キャッシュをクリアしたら直った。

ちなみに固定フッターの復元は
WP Fastest Cacheの
絵文字チェックボックスを
外したら元に戻った。

よく分からない←

mikan
mikan
またエラーとか出るかもだね。
旦那
旦那
まぁそこは分からないね~

まとめ

ブログの速度を上げる時に
画像圧縮のプラグインは
上2つを使って
重ねて圧縮するといい。

※2018.10月現在
両方を一緒に有効化させると
エラーが出るので注意。
片方だけ有効化して使っている。

キャッシュ系プラグインは
型が崩れるか可能性があるので
設定後はブログを確認すること。

mikan
mikan
プラグイン入れる前に
バックアップ取ってなかったっていう(笑)
usagi
usagi
強いな~
Thank you!!!!

記事を最後まで読んでいただきありがとうございます。
→手取り13万なのに豊かに生きる主婦ブログとは?

mikan
mikan
共働きでやっと1人前給料のOLが、仕事に、育児に、お金に、ゲームに、自己啓発など色々興味のあることをつぶやいてる雑記ブログです。
usagi
usagi
こんなやつもいるんだな~~っていう軽い気持ちで見てください。
mikan
mikan
少しでも皆様のお役に立てましたら嬉しいです💛

ブログ更新の励みになりますのでポチリとお願いします。

にほんブログ村 地域生活(街) 四国ブログへ ブログランキング・にほんブログ村へ

良ければ関連記事も見て行ってください!

RELATED POST