その他

AFFINGER6(ACTION) 専用子テーマ(JET) の読み込みが遅い事象をプラグインを使って解消する方法

AFFINGER6 をカスタマイズするのが楽しくて JET も勢いで購入したらサイトが大変重くなったよどうしよう!!

そんなときはアップロードしている画像の圧縮を試してみよう。

サイズが大きい PNG を使っている場合に効果がでるよ

問題は使用している高画質 PNG 画像

ページの読み込みスピードを調べてみると、なんとレッドゾーンの44・・・

ページスピードインサイトを使ってウェブサイトの読み込みスピードをチェックしてみよう

PageSpeed Insights
PageSpeed Insights

developers.google.com

WP-Optimize 無料プラグイン

WP-Optimize プラグインを使ってアップロード済みの画像をすべてまとめて一括圧縮してみよう。

無料と有料バージョンがあるけど、画像の圧縮は無料バージョンでも使用可能。

圧縮機能以外にもオプションはたくさんあるので、どんな状況でも何かしらの面で効果はあると思う。
例えばデータベーステーブルの最適化といったオプションもある。

アップロード済み画像を圧縮

処理中のイメージはこんな感じ。

画像数が多いと時間がかかりセッションが切れてしまうことがあるので、処理が進まなくなったら再読み込みをしてやり直そう

以下のようなメッセージがでたら圧縮が完了!

60-70% の圧縮ができた

それぞれの画像がどれだけ圧縮ができたかという記録はメディア一覧から確認することが可能。

ページスピードインサイトの結果は?

ページスピードインサイトのスコアはどうなったかというと・・・

29ポイントアップしてレッドゾーンを抜けられた!

グリーンゾーンに達することはできなかったが、サイト読み込みが早くなったと体感することができた

この記事が役に立ったという方は
ボタンをポチッとしてくれたら喜びます

-その他
-, , ,