livedoor 相互RSSのアイコンやファビコンは表示負荷が大きい

投稿 2018年04月29日
2
初級パソコン術
livedoor 相互RSSGTmetrix

弊ブログをPCから閲覧の場合マイクロソフトのIEでは正しく表示しておりません! 閲覧ブラウザは Chrome や Firefox をお勧め致します。

弊ブログでは時々記事中で GTmetrix  という、ブログやサイトの表示速度の調査や改善に利用出来るツールを紹介しております。

それにアクセスして表示される画面は英文ですから、一目見ただけで閉じてしまう(笑)人もいるでしょうし、とりあえずは自身のブログのURLを記入して Enter / Return キーを叩くか「Analyzu」ボタンをクリックしてみることでしょう。

そして表示されるその結果はやはり英文であるし、用語が難しそうでやっぱり閉じてしまう人もいるようですが、ブラウザの翻訳機能を利用して表示されるそれらの語句は、なんとなく理解出来るものかと思います。

そんな GTmetrix を利用して、前記事ではこんな分析をしておりました。

そもそもブログにlivedoor 相互RSSを表示するのはなんの為? - Topics

先日、弊ブログを例のごとくに GTmetrix で構造分析していた時のことなんですけどね。 トップページの様子を見たら下図のようになったんです。 https://oops0011.blog.fc2.com/page-0.html この結果表示を見て...

要は、弊ブログのサイドバーに表示したり引っ込めたり(笑)している「気にしてるブログのRSS更新情報」欄の livedoor 相互RSS というブログパーツの「表示速度の調査とブログ表示を遅延させる原因追及」を行ったんでした。

livedoor 相互RSS は、弊ブログのリンク友達や気になっているWebサイトの記事更新を捉えてほぼリアルタイムに表示してくれることで、閲覧にお邪魔させて戴くのに非常に便利なツールなんですね。

ところが、前記事でのGTmetrixでのブログ全体の表示速度調査では、意外なくらいにその livedoor 相互RSS そのものの表示負荷が、ブログ全体表示に対して幾らかの表示遅延要素になっていることが判明したんでした (^^ゞポリポリ

それを更に追求調査したところ、 livedoor 相互RSS で表示しているリストの先頭に表示させていた「ファビコン」に大きな遅延原因があることが分かりました。(以前より解っていたことではありますが(笑))

livedoor 相互RSS ファビコンあり

要は、こんなに小さなファビコン(アイコン)なのにそのサイズには関係なく、あなたのパソコンのブラウザからブログのサーバーに「ここのファビコンを表示してね」というhttpリクエスト(要求)を出して1個1個表示させるものですから、その登録件数が多ければその件数分だけリクエスト数が増えて、こんな小さなファビコンを表示する為に余分に livedoor 相互RSS リスト表示と共にブログ全体の表示に手間取ることになると言う次第なんです。

ですから、このファビコンやアイコン表示をしない設定にすると、その分の表示リクエストが不要になりますから、それだけ livedoor 相互RSS リスト表示が速まる訳です。

その表示速度を GTmetrix で分析したものが下図になります。

分析URL: https://oops0011.blog.fc2.com/page-0.html (トップページ)

【 ファビコン表示あり 】
ファビコン表示あり
【 ファビコン表示なし 】
ファビコン表示なし

上図を見ると、ファビコン表示を止めた効果は顕著に出たことが分かりますよね。

  • PageSpeed Score D(65%) / YSlow Score D(67%)
  • PageSpeed Score C(79%) / YSlow Score C(76%)
  • Requests: 46→27 (httpリクエスト19個の減少=リスト19件分)
  • Fully Loaded Time: 3.0s→2.4s (ブログ全体表示の高速化効果あり)

livedoor 相互RSS の管理ページの「チャンネルの設定」に於いてアイコン・ファビコンを「表示しない」設定にしただけで、こんなにもlivedoor 相互RSSの表示速度がアップして、それがブログ全体表示への速度改善にも直結していることがこれからも分かります d(-_^)good!!

ブログ表示速度改善

さぁ、あなたもご自身のブログやサイトの表示速度改善を、この画像のように軽やかにキーボードを叩いて行ってみませんか?(笑)

ブログ表示速度を遅延させている原因は、様々に絡み合っているものですから簡単に一挙には改善されませんが、出来ることをコツコツと1つずつ根気強く実行しないことには何も進みませんよね。

そんな中でも特に大きい原因は「記事内に貼っている画像」にあることが多く、1枚1枚の画像容量(横縦サイズではなくファイル容量のこと)は、軽量化してから貼ることが基本中の基本ですので「あっ!」と思い当たるブロガーさんはそれらを見直すことも必要かもしれませんね。

画像容量の圧縮軽量化には下記の無料Webサービスがとても使い勝手が良く、筆者も常用しております。

  • TinyPNG  .png画像の圧縮効果が素晴らしいです
  • JPEGmini  .jpeg画像の圧縮効果が素晴らしいです
  • Compressor.io  動いているGIFアニメーションでも圧縮出来る優れものです

そして「私のブログはいつもパッと表示されているからぜ~んぜん問題ないわ (^0^ヘ オホホホ」と言うブロガーさんもとりあえずは GTmetrix  してみて下さいね(笑)

あなたがいつも見ているご自身のブログは、ブラウザのキャッシュが覚えているから表示が速いだけでして、初めてあなたのブログを閲覧してくださる方の見え方とは全然違うのでして、そちらが本来のあなたのブログの表示具合なんですから、この記事のようなことに無関心でいると『このブログって重いわぁ (^_^; アハハ…』って思われてしまっているかもしれません(爆)

インターネット回線の契約速度の違いや、パソコンやスマホと言った閲覧デバイス環境の違いも当然ある訳ですから、普段からブロガーさん自身が見ているご自身のブログ表示状況と、第三者が見ているあなたのブログの表示速度は違っていて当然でもありますから「私のブログはいつもパッと表示されているからぜ~んぜん問題ないわ (^0^ヘ オホホホ」のように安穏としていることは間違いでして、もっと実際を知る必要もあるんです。

弊ブログの相互リンク友達のmochiさんが、もっとテクニカルな方法で【 livedoor相互RSSやFC2アクセスランキングなどプラグインの遅延ローディングに挑戦してみました。】のようにブログ表示速度改善の記事を書いておられますから、是非是非下記ブログカードをクリックしてご参照下さいね。

livedoor相互RSSやFC2アクセスランキングなどプラグインの遅延ローディングに挑戦してみました。 | 富士宮で貯蓄と資産運用

ちょこっとだけ速くなっちゃったかも!? プラグインでのdocument.writeは勘弁して欲しいのですが… 僕のブログの右カラムは、livedoor相互RSSやFC2アクセスランキングなどのプラグインを導入しています。 これらのプラグインは外部Javascriptを読み込んで使用しており...


あなたのブログはモバイルフレンドリーですか?
Google モバイルフレンドリーテスト

あなたのブログ内分析はGTmetrixが強力です!
GTmetrix


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

[ 関連記事 ]
もっと見る
ぼっちん
ぼっちん

2 COMMENTS

There are no comments yet.

mochi  

記事紹介ありがとうございます!!

おはようございます。ぼっちんさん。

livedoor相互RSSのファビコン表示の設定って、livedoorブログ以外はみんな同じなんですよね。
ユーザー側にとって何の意味があるのか分からないです。

livedoor相互RSSが正規SSL対応した時に、ためしにファビコン表示を設定してみたところ、
同じ画像をサイトごとにアクセスしているアホな状況をみて即行設定解除しました。
スコアを含めてここまで酷いとは認識していませんでしたが…

FC2ブログのプラグインもそうですが、標準的に用意されているものぐらいは、
もう少し表示速度面のことも考えた作りをして貰いたいところですが、
作った当時は表示速度をあまり気にする時代ではなかったんだろうと思います。
実質的な表示速度自体は通信環境に大きく左右されちゃいますし。

2018/04/30 (Mon) 09:48
ぼっちん

ぼっちん  

To mochiさん

mochiさん、こんにちは~ 勝手にブログカードリンク張らせて戴きました(笑)
1人でも多く「遅延ローディング」手法を知って戴きたいものです ^^

livedoor 相互RSSのファビコンやアイコン表示って、要は「アクセント=アクセサリ」として表示するにはあまりにも代償が大きすぎることに唖然としてしまいました (^_^; アハハ…
まぁ「負荷は幾らか掛かっているんだろうけど、、、」と漠然とした予想はしていたんですけど、数字的にこんな大きな負荷になっていることを実感したら「livedoor 相互RSSのシステム改善して欲しいよね!」って要望したくなってしまいました(笑)

作った当時は表示速度をあまり気にする時代ではなかったんだろうと思います。
実質的な表示速度自体は通信環境に大きく左右されちゃいますし。

そこなんですよね~ 私も例の後輩君(笑)に「ねぇ、システム作り直したらどう?」なんて喉元まで言葉は出かかる(笑)んですけど傍観もしちゃってます「まぁ、いいかぁ」って(爆)
お節介し過ぎてもなんですから (^^ゞポリポリ
そのうちに気がつくでしょうし!って期待も込めて (^^ゞポリポリ

2018/04/30 (Mon) 11:32

LEAVE A REPLY