Welcome to my blog

カテゴリ:ブログカスタマイズ

【ブログ表示速度アップ!? その4】重たいブログパーツ外してページ読込速度アップ? & 画像の遅延読込(lazyload)を使ったけどチート・・・こんなんインチキじゃん??

Cm:0
関連タグ:深緑の女魔術師  ブログカスタマイズ  
深緑の女魔術師です。


2個ほど試したので記事にしてみる?



さよなら アクセスカウンター!
 さよなら にほんブログ村ブログパーツ!



うすうす感じてたけど、
ブログ読込で阻害になってるのは、

自ブログの作りもあるけど、
メインは外部要因なんだよね・・・

というわけで、

思い切って以下2つを外してみた?

・FC2アクセスカウンター
・にほんブログ村ブログパーツ

どっちも結構怒られてたんだよね・・・

カウンターに関しては、
画像をスプライト化しないさいやら、
なんだか挙動不審だよ? とかね。

にほんブログ村の方は、
語る必要ないくらい遅かったね。。。

キャッシュ使いなさいやら、
読込遅延化させなさいやら、
いろいろ怒られてました。

というわけで、
はずして検証してみた?

検証サイトは前回同様
https://gtmetrix.com/



トップページスコアは以下

画像割愛

PageSpeed Score
B:84% → A:92%

YSlow Score
F:51% → D:64%

Fully Loaded Time
5.6[s] → 4.8[s]




ランクアップ!

ってことで、
大台のAランクです。

が、

他にも問題はあるのだね。

キャッシュを有効にしようね 80点
リダイレクトを減らそう! 83点
画像を小さくしようね!  86点

などです。



といっても、

FC2カウンターもにほんブログ村のパーツも
私的に外せないアイテムなので元に戻しますね。

これでもブロガーなので、
アクセス数やランクぐらい気になるわけさ。
(モチベーション維持)

ブログ村のカテゴリランクとかも、
見ててモチベーション上がるわけさ。

っても、
もっぱらPVランクのみだけどね。

PVランクに参加してる
ブロガーが少ないだけだけど、
スロット日記系で現在25位です!

(3000弱のスロ日記系ブログ内)

そーゆうの見てると、
少しばかりモチベがあがるわけです。

なので、
こればかりは外せません。。。



ってことで?



画像の遅延読込?
 lazyloadを使ってみた?



今のテンプレートは、
作者さんの粋の図らないのおかげで、

トップページに関しては、
画像の遅延表示(lazyload)対応されてます。

遅延表示(lazyload)というのは、
ページ読込段階では画像を読み込まずに、

スクロールなどのアクション時に、
遅延で画像などを読み込む処理らしい。

これにより、

・ページ表示速度アップ!
・GoogleBotを目くらまし!

という効果がある模様。



というわけで、
ツールが完成したので一部記事に、
lazyloadを適用させてみました。

ツールっても言っても、
自分の書いた記事を食べさせて、
imgタグを改造して置換するだけ。



戯言はいいので、
さっそく結果を貼ってみる?

サンプル1:画像圧縮甘め
【画像50枚ほど】これはゾンビですか?の初打ち記事
https://enchantress2009.blog.fc2.com/blog-entry-3687.html

20180530_3687_対応前後

PageSpeed Score
D:65% → C;70%

YSlow Score
F:46% → F:46%

Fully Loaded Time
7.5[s] → 7.1[s]

TotalSize
6.59[MB]→4.50[MB]

Request
220 → 177


サンプル2:画像圧縮強め(回転情報付与)
【画像70枚近く】マジハロ6の初打ち記事
https://enchantress2009.blog.fc2.com/blog-entry-3733.html

20180530_3773_対応前後



PageSpeed Score
D:76% → C;76%

YSlow Score
F:46% → F:46%

Fully Loaded Time
10.5[s] → 8.2[s]

TotalSize
3.40[MB]→1.74[MB]

Request
178 → 110


ランクやら表示速度は、
言うほどな劇的に変化してないけど、

サイズとリクエストが、
すごーい減りましたね。



遅延読込という動作故に、
ページ解析時に読み込まれない模様。
(同ツールのWaterFallに出ない)

同様に画像圧縮しようね!
チェックにも引っかからない模様。



確かに効果はありそうだけど、
これってインチキじゃない??

こないだの回転情報の有無じゃないけど、
こんなんでスピードが判断されるかと思うと、
非常にバカバカしくなりそうですね。。。

っても、
ページ読込速度は上がるらしいので、
一概にインチキとは言えないけどね。

結果として読み込む量は変わらないし、
必要に応じて読み込むので理には適ってるしね。

っても、

当ブログは、
画像てんこ盛りなゴミブログなので、
こんなん気にせる立場じゃないけどね。



とりあえず、
Googleさんの新しい試みは楽しみ?

そーすれば、
まとめ系のゴミが今以上に埋もれると思うので・・・



というわけで、
lazyload 対応した記事は、
後で元に戻す予定です。



以上。

関連記事
スポンサーサイト
最後まで読んでくれてありがとう!

拍手うれしいです・・・

 
タグ:深緑の女魔術師ブログカスタマイズ

0 Comments

There are no comments yet.

Leave a reply