【キニナル】自分のwebサイト(ブログ)の表示速度を気にした事はあるか?
ども、【ごブログ】管理人のごほーチャン(@gohooooo5)です。
今回は意外と疎かになりがちな自分のブログの「表示速度」についてです。
・何も考えず貼り付けてる「写真」や「画像データ」は調整が必要だという事
・自分のwebサイトの表示速度がどれぐらいか?をミエル化で現状を知れる
・自分のwebサイトの表示速度の遅さ要因のほとんどは「画像データ」である
自分のブログサイトの表示速度が遅い要因は「画像データ」かもしれない
ネットサーフィンをしている時にこんな気持ちになった事はないであろうか?
アクセス端末にもよるが表示が遅いサイトをそのまま継続して見たいと思うか?
いいや、全く思わない!僕ならば速攻違うサイトを参考にするであろう!
今回はその表示を遅くしている要因を理解してもらう。
ブログを執筆する上で必要な装飾パーツである「画像データ」
視覚化での情報なので閲覧している人にわかりやすくする便利な「画像データ」
そんな「画像データ」は使い方次第でデメリットが出てしまう事をご存じか?
▶参考サイト
個人差はあるが、webページを表示させる上でデータ転送量を多く消費するのは
画像・動画データが大きく占める。
本日はそんな何気なく貼っている「画像データ」の取り扱い方を記していく。
まずは自分のwebサイト(ブログ)の表示速度を把握しよう
とにもかくにも自分のwebサイト速度を理解しないと始まらないので
ここで自分のwebサイト表示速度をミエル化してくれるツールを2点提示する。
▶PageSpeed Insights(PCブラウザ向け)
Google神が提供する「PageSpeed Insights」ここで自分のブログURLを入力。
後は「分析」をクリックするだけだ。
当サイト「ごブログ」の表示スコアは「78」と何とか平均値を維持できている。
▶モバイル用
モバイルサイトの読み込み速度とパフォーマンスをテストする - Google
うむぅ、平均とはいえ訪れた20%程が離脱すると予想されるのか・・・
僕もまだまだですね・・・
そこで役に立つのが「オンライン圧縮ツール」である
まさかスマホなどで撮った写真をそのまま貼り付けなどしていないか?
そのままブログなどの更新を続けているとサーバー容量がパンパンになり
ブログ表示速度は遅くなり、自分が感じたイライラを相手に与えかねない。
どういうサービスかというとJPGデータをさらに圧縮する事で
データ量を減らすことができる。
▶書いてる人が愛用しているサイト
JPG・PNGイメージを出しながら圧縮してくれるので、どれだけ画像が劣化したか?
というのが確認でき、非常に便利で僕は常に使っている。
オンラインJPG圧縮サイトで試しに重いデータと改善後を比べてみた
「え?同じデータ使ってない?」ふむ、この画像サイズだと全くわからないが
紛れもなく違うデータを使っている。そう人間の視覚なんてそんな程度なのだ。
しかしデータ容量は見えないところで確実に取られている。
▶写真にある記事
画像データを節約し、自分のwebサイト(ブログ)の表示速度を気にするのは必然である
さて「画像データ」の取り扱いはかなり重要なのはわかったでしょう?
投稿した画像データを修正する事もできるが早い段階で取り入れる事をおすすめする。
少しでも軽くする事で閲覧者に気持ちよく自分のサイトを見てもらおうじゃないか!
もちろん表示速度だけではなく、パソコンスペックも関わってくる部分もある。
ちなみに僕のパソコンはここで購入(家に4台あるw)「BTOならパソコンSEVEN」
メーカーのパソコンを買うのはアホらしいぞ、ちゃんと自分で選びなさい。
50,000円あればかなり良いパソコンが買えるし、作業効率も上がる。
まとめ
普段から撮っている画像・動画データは非常に容量を喰う代物と分かったと思う。
後々、修正で軽くできるかもしれないが、そもそもその作業がメンドクサイ。
ならば今スグその活用している「画像」を軽くするのだ。
ブログ人生はこれから、そして記事は今から増えていくのだから・・・