FC2ブログでLazyLoad(画像遅延読み込み)の利用効果に驚愕した

2018年04月08日
0
0
jQueryプラグイン

前記事で LazyLoad(画像遅延読み込み) 導入についての記事を書きました。

FC2ブログでAkira先生のLazyLoad(画像遅延読み込み)が”えぐい”ぞ~♪ - jQueryプラグイン

弊記事には先ずは Lazy Load(レイジーロード) の利用効果サンプル画像を最初に載せておりますのでご承知下さい。 【 Lazy Load 利用の効果サンプル画像 】 弊ブログには エンターページ(表紙)とトップページ があります。 ...

この LazyLoad を弊ブログに導入したら「どれくらいブログの表示速度がアップするんだろうねぇ(笑)」って笑いつつも期待を込めて興味津々でいたんです (^^ゞポリポリ
と言うのも、弊ブログでは記事の性質上、そのサンプルになる画像を貼る頻度が高いものですから「まぁ、幾らかは目に見える効果が出てくれないと LazyLoad の利用価値(画像表示を意図的に遅らせて、そのあいだにブログ構造全体の表示を完成させること)なんてないよねぇ!」と思っていたんです。

2018-03-14の記事 『 アクセス解析よりもブログ内解析の方がもっと必要ですよ  』 の時には弊ブログを GTmetrix で分析しておりましたが、その結果は下図のようになっておりました。

GTmetrix分析画像

上図のように、Fully Loaded Time(ブログ全てが読み込まれるまでの速度)は3.5秒となっておりました。

それ以降、更にチョコチョコとブログ内を改善して(利用頻度の少ないJavaScriptを外したりCSSの記述を改善したり、、、)の結果 PageSpeed Score はグンとアップして A(97%) と言うGTmetrix論理上のスコアには改善されたんですが、それでも計測上のブログ表示速度(Fully Loaded Time)は下図のようにアップしなかったんですね。

GTmetrix分析画像2

と言うことで、前記事のように LazyLoad(画像遅延読み込み) で更なるブログ内改善をしてみようと思った次第でして、この記事はその結果報告になります o(^-^)oワクワク

GTmetrix分析画像3

その結果がなんとなんと Fully Loaded Time 3.5秒から2.6秒 へ驚異的アップ になっており、これには筆者も驚いてしまいました(爆)

GTmetrixで自身のブログ分析をして、その改善努力をなさった経験のあるブロガーさんでしたら「うっそぉぉ! びっくり! これほんと??」ってくらいの結果でして、筆者はそれ以上に驚いておりますよ (^_^; アハハ…


LazyLoad(画像遅延読み込み) の仕組みはこんな感じ

弊ブログの個別記事内の画像表示にLazyLoadを応用したその様子をサンプル画像にしてみましたので、下図をご参照下さい。

LazyLoadサンプル画像

下手くそなサンプル画像で申し訳ありませんね~、何せビジュアルセンスが全くない筆者の発想ではこんな画像しか作れませんでしたが、じ~っと画像を見つつ考えて戴けましたら、徐々にこのLazyLoad(画像遅延読み込み)の働きの意味が解って戴けると思います (^^ゞポリポリ

LazyLoad(画像遅延読み込み) はブログに画像をそれなりに載せていると利用効果あり

やっぱり LazyLoad(画像遅延読み込み) はブログやサイトに画像を多用する場合にはその効果は絶大なものがあることが解りました d(-_^)good!!

ですから「写真集ブログ」を自認するような、もしくは画像をメインコンテンツ的に載せるブログ運営形態にはLazyLoad(画像遅延読み込み)利用は必須的機能のように筆者は思いますけどね。

でも、筆者はこのあまりにも素晴らしい Fully Loaded Time 2.6s と言う結果に「えっえっ? なんかちょっとすんごい結果が出ちゃったけど GTmetrix のこの Fully Loaded Time って信頼がおけるんだろうか?」ってことで、GTmetrixのその所在サーバーまでのインターネット経路をとりあえずチェックしてみたんですね。

GTmetrixサーバーまでの経路チェック画像

筆者のWindows10パソコンから GTmetrix があるサーバーまでのインターネット経路を調べたものが上図ですが、モザイクしてある部分は筆者が利用しているプロバイダから国内の複数のインターネットルートを経由してから海外のインターネットに繋がって、最終的に GTmetrix があるサーバーまで辿り着いてる様子です。

GTmetrix は、カナダのバンクーバーにあるサーバーで運営されているサイトでして、筆者はもっと多数のインターネットルートを経由して繋がっているだろうと思ってたんですが、意外と少ない経路で繋がっていたんですね (^^ゞポリポリ

まぁ、国内回線は疑う余地もないですから、海外の回線状況を大雑把ではありますが調べた結果では、脆弱な回線は経由してなくてある程度「太い回線」を経由してサーバーに繋がっている様子が見られます。

ついでに(笑) fc2.com もチェックしてみましたよ(爆)

tracert fc2.com

あらら~ FC2サーバーって tracert(トレースルート) って制限掛けてるみたいですね~ 調べられたくないんでしょうか?(笑)
余計に怪しく思われてしまうのに(爆)

まぁ、何はともあれブログに画像をたくさん載せるんでしたら LazyLoad(画像遅延読み込み) を利用すると、その効果は大きいですよ~と言う結果になりました d(-_^)good!!


検索からの方は
トップページへもどうぞ


関連記事
ぼっちん

Comments 0

There are no comments yet.

Leave a reply