Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/majimoai/privatetime.org/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
サイトを”超絶”軽くしよう!~画像の圧縮・リサイズの全てをまとめてみた~ | 仏露具(ブログ)

サイトを”超絶”軽くしよう!~画像の圧縮・リサイズの全てをまとめてみた~

この記事は約7分で読めます。

こんにちわ!ブログ初心者の仏の顔もT.Tですヽ(´▽`)/

[TwitterhotokeT_T  CTime:仏の顔もT.T]

みんな!サイト軽くしてるかーーい??

重いと読者やGoogleに嫌われちゃうんだからねっ!

特に何もしてないよ!って方の為に今回は私がサイトを軽くする為に行ってきた事をまとめてみましたので、良かったら、参考にしてみて下さい(*゚▽゚*)♪

一緒にサクサクになろうぜ!!

仏くん
仏くん

今回のテーマはファイルを圧縮すること!だから、トップ絵は「Xファイル」にかけて「圧縮ファイル」!気づいたかな??

ホトケルダー捜査官とスカリー捜査官だよ!

 

ホトケルダーは強引過ぎないかΣ(゚д゚lll)!?
でも、確かにいつもの仏くんより、少しホリが深いΣ(゚д゚lll)!?
<こんな人にオススメ>
・画像を圧縮してない方
・画像をリサイズしていない方
サイトを軽くしたい方
・Xファイルが好きな方(本編には全く関係ございません)
スポンサーリンク

サイトを”超絶”軽くしよう!

ブログを始めた頃は、PageSpeed Insightsで96点とかとってたのですが、気づいたら重くなってた私のサイト!

確かに画像をたくさん使っていますが、わずか2ヶ月程でこんなに重くなるとは!

「最近チェックしてないなー」って方は調べてみるべきですよ!

改善前の私のサイトスピード

PageSpeed Insights

 

 

Test My Site>※モバイルのみ

 

点数的にはギリギリセーフではありますが、このままでは危ない!と思い、とにかく一番の原因である、「画像が重い」を解決する為に動きます!!

軽くする為にやったこと①圧縮

画像の容量を減らすには、圧縮がいいと知りました。

しかも、圧縮しても画質はそんなに変わらない!それならやった方が得ですよね♪

だけど調べてみたら、圧縮の「やり方」がたくさんありましたΣ(゚д゚lll)

ブラウザ上で圧縮

WordPressを使っていなくても、ネット環境さえあれば誰でも使えます。

パソコンに保存している写真を軽くするのに使ったりもできます♪

WordPress上で圧縮

WordPressの場合はプラグインを使って圧縮します。オススメの3選はこちら↓

3選の中から私が選んだのは、ブラウザ上での圧縮と同じメーカーの

Compress JPEG & PNG images

憎めないパンダのキャラクターでお馴染みですヽ(´▽`)/

「Compress JPEG & PNG images」の導入方法、初期設定についてはこちら↓

「Compress JPEG & PNG images」での一括圧縮、個別圧縮のやり方についてはこちら↓

プラグインで圧縮する前にバックアップは必要か?

番外編として、一括圧縮する前にバックアップが必要かどうか?も書きました↓

仏くん
仏くん

これで画像の圧縮に関してはバッチリだな!これらの記事を書く上で、参考にしたサイトは50は下らないな!おかげで少し詳しくなったぜ♪

みんなは私のサイト見てサクサク進めて、無駄な時間を使わないようにした方がいいぞ!タイム伊豆マネーだからな!

急に静岡県の観光スポット出てきたΣ(゚д゚lll)!!

軽くする為にやったこと②リサイズ

リサイズとは画像のサイズを最適化することです。

サイズが小さ過ぎると、引き伸ばした時に画質が悪くなりますし、

サイズが大きすぎると、無駄に容量を使い、さらにサイトスピードが下がります《゚Д゚》

なので、あなたのサイトに最適なサイズを調べ、画像を調整する必要があります。

リサイズについてはこちら↓

リサイズもブラウザ上でやるとか、プラグインを使うとか色々あるんですねー(´∀`)

仏くん
仏くん

圧縮とは違うけど、リサイズも画像の容量を削ることができるから、両方やっておくといいよね♪

もう画像をアップロードする時にリサイズする習慣をつけた方がいいな!習うより慣れろって感じ?

私はWordPressにアップロードした時に毎回、サイズと容量はチェックしてますヽ(*´∀`)ノ

結果発表~!

さて、今回はとにかく「画像を軽くする」対策をしてきました!

その結果どれぐらい軽くなったか?見てみましょうヽ(´▽`)/♪

<Compress JPEG & PNG images>

プラグインによる圧縮は以下の通り↓

圧縮した画像総数:1031枚

減った容量:96.09MB⇒46.72MB 51.4%の削減

凄い!半分以上容量を減らせましたヽ(*´∀`)ノ♪

これで無料なのは本当にすごいΣ(゚д゚lll)!!

<PageSpeed Insights>

パソコン:89点⇒86点
モバイル:55点⇒57点
パソコンの方、下がってるΣ(゚д゚lll)!?
モバイルも大して変わってないじゃんΣ(゚д゚lll)!
ん~容量は確実に減ってるんですけどねぇ。。。
ただ、この改善作業を1ヶ月ぐらいかけてやっていたので、その間に記事や画像が増えていますので、それのせいかも…??

<Test My Site>※モバイルのみ

モバイル:2.4秒⇒1.5秒
おぉ~!!こっちはだいぶ速くなってるo(^▽^)o♪
どちらもモバイルが速くなってるのは間違いないようですね!

なぜこんなに結果が違うのか?

両方ともGoogleが出している無料のツールなのですが、実はTestMySiteはモバイルファーストを進めるGoogleが新しく出したサイトスピードチェックなんです。

じゃあ、TestMySiteの方が新しいんだから正確か!?と思ったらそういうコトでもないんです。

GooglePagespeed Insightsは、サイト構造などだけを見て問題が無いか?を判断しています。

つまり、サイトの改善点を探すツールに近いですね。

TestMySiteは、回線速度他サイトとの比較など全体を見て判断しています。
3G、4G、Wi-Fiなども考慮し、他サイトと比べて速いかどうかもチェックしてくれています。
つまり、違う目的で作られた、全く別の調査をするツールなわけです。
サイトスピードと言っても何を基準に調べるか?によって大きく違うというわけですね。
仏くん
仏くん

まあ、結果としてモバイルは確実に速くなっているのは間違いないっしょー。そこだけ見て、後は忘れよう!とりあえず、寝よう!

まとめ

  1. サイトを”超絶”軽くしよう!
    1. 改善前の私のサイトスピード
  2. 軽くする為にやったこと①圧縮
    1. ブラウザ上で圧縮
    2. WordPress上で圧縮
    3. プラグインで圧縮する前にバックアップは必要か?
  3. 軽くする為にやったこと②リサイズ
  4. 結果発表~!
    1. <Compress JPEG & PNG images>
    2. <PageSpeed Insights>
    3. <Test My Site>※モバイルのみ
    4. なぜ結果が違うのか?
画像圧縮で51.4%容量を削減できた割には、劇的な変化は見られませんでしたが、確実に軽くなってるのは間違いないでしょう!
ただ、パソコンが逆に遅くなっているのが気になりますね~《゚Д゚》
おそらく、画像を圧縮した分は速くなってるんだけど、他の問題によって、遅くなってるんじゃないのかな?
もうわかりまへーん(´∀`)
仏くん
仏くん

謎のまま未解決という事で、今回の事件は「The 圧縮 files」として「X file」行きだな。それでいいな?スカリー捜査官!

あ!その設定忘れてたΣ(゚д゚lll)!

ちゃんと伏線回収しにきたのか!やるな!ホトケルダー捜査官|゚Д゚)))
仏くんパパ
仏くんパパ

・・・。

匿名希望
匿名希望

じ~。

フレディ
フレディ

!!!

仏くん
仏くん

zzz…

妖怪の兄弟
妖怪の兄弟

B級・・・

いや、確かにXファイルだと最後に怪しい人出てきて終わるけど!
怪しい人、出過ぎでキャラが渋滞してるよΣ(゚д゚lll)!!

コメント

タイトルとURLをコピーしました