【FC2ブログ】Lazyloadingが組み込まれたテンプレートで表示速度が上がりました

2019年06月06日
ご紹介
今回はブログの表示速度についてお話させていただきます。
基本的にはFC2ブログを使っている方向けの記事なってしまうと思いますので、ご了承ください。

高速で移動するアンドロイドの女性

■目次
・ブログの表示速度とは
・凄いテンプレート
・どうやっても出来なかった画像遅延
・表示速度の結果発表
・テンプレートを変更するにあたって
・まとめ



イラストグッズ販売中。詳しくはこちら


ブログの表示速度とは


「ブログの表示速度」とは、そのままの意味になってしまいますが、ブログを表示させる速度です。
PageSpeed Insightsを使えば簡単に計測出来ますので、是非お試しください。
この表示速度(特にモバイル)を上げるために、いろいろとやって来ましたが
結局テンプレートを変えるという決断にいたりました。


凄いテンプレート


今回新しく使用させていただいたテンプレートは、Akiraさんの「Lilting」というものです。
Akiraさんのテンプレートは本当に素晴らしくて、以前も使わせてもらっていましたし、テンプレート以外にもブログカードや吹き出しなども使わせていただいています。

Akiraさんのサイトはこちら↓
参考サイト

The other way round

既存テンプレートの動作確認中です。ご迷惑おかけします。


そして「Lilting」の何が凄いのかというと、「Lazyloading」という「画像遅延表示機能」が最初から組み込まれているのです。
・・・といっても、表示速度などを気にしない方にはなんのことやら分からないですよね^^;



どうやっても出来なかった画像遅延


画像遅延とは、サイトを開いた時に画像表示だけを遅らせる機能です。
このブログを見ていただくと分かると思いますが、ページを開いた時に画像だけ遅れてふわっと表示されています。

これを行うことにより、表示速度がかなり改善されます。
そして、やり方はいろいろな方法がありますが、私の場合、何をやっても出来ませんでした^^;
FC2用のやり方を試しても出来ず、もう諦めかけてたところでこのテンプレートに出逢いました。
ただ以前のテンプレートにはいろいろと組み込ませていたので、変更するのは結構大変でしたね・・・。
ただ大変なのは最初だけですし、物は試し…とやってみることにしたのです。


<スポンサーリンク>

ズキズキする…そんな時は「ズキガード」



表示速度の結果発表


そして肝心の表示速度はというと…

以前のテンプレート↓

PageSpeed Insightsのブログ表示速度2


「Lilting」のテンプレート↓
PageSpeed Insightsのブログ表示速度1

ブログの内容自体はほとんど変えていません。
以前の時もいろいろと圧縮したり工夫をしていたので、そこまで酷い結果ではなかったですが
テンプレートを変えただけで、このような変化がありました。

PCの方はそこまで変わっていませんが、モバイルの方は結構変わってますよね。
ただ、まだまだ改善余地はありそうです^^;



テンプレートを変更するにあたって


テンプレートを変えてしまうと、いろいろと変更をしていかないといけない部分が出てきます。
とくにこのブログだと画像の大きさですね。(PCで閲覧した時のみですが)

今回はテンプレートはかなり幅が広くなったので、画像に違和感が…
最近では画像はテンプレートの横幅に合わせてカットしていたので、このテンプレートでは足りなくなってしまいました。

少し前までは横幅1280という大きいサイズのまま使っていたので、横幅一杯の画像もあります。
この幅だと大きすぎますね^^;
だけど「横幅をどうしても合わせたい!」という神経質さが出てしまっていますw

ですので、今の所、横幅を合わせて縦を少しカットしようかな~って感じです。
ただ、今までの画像を全て変更するとなると、かなり大変な作業になるので、少しずつ改善していこうと思います。
ついでに解像度ももっと下げて軽くしたいです。


ちゃんと形が整うまでは見づらい部分も出てしまうとは思いますが、ご了承くださいm(_ _)m



追記:画像表示の横幅を合わせようと思いましたが、あまりにも大きすぎるのでカットする事にしました。



開運音楽無料配信中。詳しくはこちら


まとめ


机の上に開いて置いてあるノートパソコン

いかがでしたか?
今回はブログの表示速度についてお話させていただきました。
個人的にはとても重要なことだと思っています。

SEO(Google検索の上位表示など)にとってももちろんそうですが、何より見て下さる方への負担を減らしたいです。
ただでさえ広告の多いブログですので^^;

先ほども言った通り、私もまだまだ改善していかないといけないと思っているので
何か変化があればまたご報告させていただきます。


<スポンサーリンク>

あなたのWEBサイトをレベルアップさせるには【ドメイン】!
     
■ドメイン取るならお名前.com■


関連記事
きの
Posted by きの
自分を好きになり楽に楽しく生きる為に、私自身が体験した事、効果のあったものをみなさんにご紹介していきます。
今生きる事に苦しんでいる人たちを、少しでも救う事が出来れば幸いです。