【業界裏話】なぜブロガーは、会社員にブログを勧めるのか?

サイト高速化プラグイン「Autoptimize」【その真価はLazy load?!】

サイト高速化プラグイン「Autoptimize」【その真価はLazy load?!】



えーと・・・
ブログ初心者さんには何のこっちゃのタイトルで申し訳ございやせん。

順を追って説明するので、ぜひご確認ください^^

まず、「サイトの高速化」とは?

しばらくブログ・サイトを運営していると、
徐々に気になってくるのが、「サイトの表示速度」です。

というのも、ブログが表示されるのに3秒以上かかると、

訪問者の53%が離脱する(あなたのブログを去る)

とGoogleが言っているからです。

モバイルサイトの読み込みに3秒以上かかる場合、訪問の53%が放棄されます。

引用:Think with Google/Find out how you stack up to new industry benchmarks for mobile page speed

で、ブログ・サイトが遅くるなる原因のひとつが、

画像が重い・多い

こと。

でも、いくら圧縮しても限界はあるし、
手順を説明する記事とかだったら、画像がたくさんないほうが不親切ですよね。

そこで登場したのが・・・

Lazy Load

という「画像遅延呼び込み」の技術。

この技術が開発されるまでは、
ページ内にある画像を、さいしょからぜんぶ呼び込もうとしていました。

すると膨大なデータ量になるので、

ちょ・・・
いつになったら表示されるん?

シビレを切らした読者さんが、グッバイしてしまうというわけですね。

しかしLazy Loadを実装すれば、

ページをスクロールしていくと、必要な画像だけが呼び込まれていく

ので、ページの表示速度が遅くなるのをふせいでくれます。

(そもそも画像ファイル自体が重たすぎるとダメですけどね)

だから、Lazy Loadはかならず実装したほうが良くて、それ専用のプラグインもあるんですが、
ブログテーマとの相性が悪いことがあったりします。

(※このブログのテーマは「STORK19」です)


具体的には、

目次からある章にジャンプしたとき、表示される章がズレちゃったり・・・

とかですね。

これだと、読者さん目線で考えたときによくないし、
自分で記事を見返すときにもウザかったりしたんで、

美しめの
ずーかま

何か良いプラグインはないものか・・・

と探していたときに出会ったのが、これからご紹介する、

Autoptimize

というプラグインです。

ちょっと前置きが長くなりましたが、

プラグイン「Autoptimize」をつかって、Lazy Loadを実装する方法

について解説します!

実装はめちゃカンタンなんで、サクッといきましょう!

プラグイン「Autoptimize」をインストールする

「プラグイン」>「新規追加」をクリックし、プラグイン設定画面を開く
・検索窓に「autoptimize」と入力
・プラグイン「Autoptimize」を探し、「今すぐインストール」をクリック
インストールが完了したら、「有効化」をクリック

Autoptimizeで「Lazy Load(画像遅延呼び込み」を設定する

「設定」>「Autoptimize」をクリックし、Autoptimizeの設定画面を開く
「画像」タブをクリックし、以下の設定画面を表示する
画像の遅延呼び込みを利用チェックを入れる
指定枚数目から遅延呼び込み好きな数字を入れる

指定枚数について

特に「0」(すべての画像を遅延呼び込み)でも不満はなかったですが、
さいしょの画像が若干ラグるときがたまにあるので、僕は「1」に設定しています。



以上で「Lazy Load」の実装は完了です!

めっちゃカンタンですよね^^

補足:サイト高速化の設定について

本来、Autoptimizeはサイト高速化のプラグインなんで、
Lazy Load以外の設定もイジると、サイト表示速度が早くなるかもしれません。

とはいえ、やっぱりテーマとの相性があって、
設定によってはデザインがくずれたりすることもあるので、
以下のサイト高速化の設定はお好みで。

ブログのテーマ、「STORK19」の場合だと、
以下設定で今のところ問題は起こっていません。



もしデザインがくずれても、設定をもどせば元にもどるので、
いろいろ設定をイジってみるのもアリかもですね。

ちなみに、以下のリンク(Google公式)から、
あなたのブログ・サイトのページ表示速度を確認できるので、
まずは一度確認してみましょう!

ずーかま

どうでした?
3秒以内でした?



3秒以内なら、まず問題ないので、そのまま放置でオッケーです。

3秒以上でも、こちらのGoogle公式サイト(おなじくページ表示速度分析のサイトです)
でのスコアが赤字になっていなければ、基本放置でだいじょうぶです。

(超遅いサイトなんて、いくらでも転がってますからね)

あんまり表示速度にとらわれすぎると、
僕みたいにSEOにハマって半年くらい時間をムダにすることになるかもしれないんで、
気をつけましょう(笑)

ではまた!(`・ω・´)ゞ


おすすめ特集

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


上の計算式の答えを入力してください

ABOUT US

ずーかま
30代さらりーまん。「稼ぎたい」「サラリーマン辞めたい」一心ではじめたブログ。最高月2万、累計20万円稼いだところで、売り込みばっかして楽しくなくなってたことに気づき、方向性チェンジ。ブログを楽しむための情報発信をしてます。極論を言えば、稼いでなくたってブログ(というか人生)を楽しめるようにならないと、副業がんばる意味ないよ。マジで。いっしょに楽しみましょう☆ツイッターも気軽にフォローしてちょんまげ⬇️