こんにちは!静岡県浜松市でホームページ制作をしているフリーランスWEBデザイナーのこたです。
Webサイトを制作しているときに「ページスピード」について気にしていますでしょうか?
「ページスピード」とはユーザーがホームページにアクセスしたときに、何秒でページが表示されるかのスピードになります。
Webサイトのデザインが凝ったものになると、高画質の画像を使用したり、複雑なプログラムを入れたりして、サイトが重くなってしまいます。
皆さんはこんな経験はありませんか?
「サイトにアクセスしたのに遅すぎる!もう待てない!」
検索エンジンを経て目的のWebサイトにアクセスしたものの、ページの中身がなかなか表示されないことにいらだってサイトから離れた経験がある人は多いのではないでしょうか。
こんな経験のように近年は特にページスピードがユーザーに重要視される傾向が強まっています。
今回はそんなページスピードが遅いことによるデメリットや遅くなる原因と解決方法をご紹介します。
ページスピードが遅いことによるデメリット
Webサイトの離脱率が上がる
では、ページスピードが遅いとどのようなデメリットがあるのでしょうか。
ずばり「離脱率が上がり、顧客を逃す」です。
Googleの公式ブログによるとページスピードと離脱率(そのページを訪問した人のうち何%が他のページを見ずにWebサイトを離れたか示したもの)の関係性について以下のように発表しうています。
- 1秒→3秒=離脱率32%増加
- 1秒→5秒=離脱率90%増加
- 1秒→6秒=離脱率106%増加
- 1秒→10秒=離脱率123%増加
このようにページスピードが遅くなればなるほど、それに比例して多くのユーザーがWebサイトから離脱するおそれが高くなります。
また、潜在顧客の獲得も難しくなるため、せっかくのチャンスを逃すことにも繋がります。
SEOに良くない影響を与える
ページスピードが遅いとSEOにもよくない影響を与えてしまいます。
ページの表示される速度が早いほど検索の上位に行き、遅いと下位に下げられる可能性があります。
なぜなら、速度が遅いサイトは見られることがなく、ユーザーにとって有益なサイトではないとGoogleに判断されてしまうからです。
ページスピードが遅くなる原因とは?
では、そんなページスピードが遅くなる原因は何なのでしょうか?
- 画像が重たい
- 外部ファイルが多い
- 効果計測タグが多い
画像が重たい
PCのファーストビューや、スマートフォン対応の画像を挿入する際に高画質な画像が求められます。
その場合、画像サイズが大きくなりWebサイトの読み込みにも時間がかかる原因になります。
しかし、画像の軽さを求めてしまうとデザインが疎かになり、ユーザーの満足度を下げてしまいます。
そこで行うと効果的な対策は下記になります。
- 画像のリサイズ
- 画像の圧縮
- jpeg画像にする(pngをやめる)
- 画像を減らす
外部ファイルが多い
外部ファイルとは「CSS」「JavaScript」「jQuery」 などlinkタグから読み込むファイルになります。
現在のWebサイトでは装飾するための「CSS」が種類別に分けるために複数作成したり、サイトの動きなどを作る「JavaScript」「jQuery」も多く読み込むことから。Webサイトが重くなる原因にもなっています。
そこで行うと効果的な対策は下記になります。
- ファイルの圧縮
- 複数のファイルを一つに統一
- SCSSと使いCSSにコンパイル
- 不要なファイルの削除
効果計測タグが多い
Webサイトはアクセス率や離脱率などサイトにアクセスしたユーザー情報を分析し、効果計測をできるサービスがあります。
「Google Analytics」や「Googleタグマネージャー」などがそれに当たります。
もちろん、計測のために必須のタグなのですが、あまり入れすぎてもページの読み込みに負荷がかかり、遅くなる原因になります。
- 「Googleタグマネージャー」でタグを統一化
- 計測タグが必要か不要かを確認し整理する
ページスピードを計るサービス
では、自分のサイトがどれくらいのスピードなのかチェックしてみましょう。
PageSpeed Insights
「PageSpeed Insights」を使用すれば無料で簡単に計測ができます。
計測したいページのURLを入力するだけで、PCとスマートフォン表示の両方のページが表示される速度を同時に測定することができます。
Webサイトのページスピードを0点=100点っで採点し、問題点などを的確に教えてくれます。
80点以上なら「Good(よし)」
60点〜79点「Mediun(普通)」
0点〜59点「Low(遅い)」
ページスピードが遅いと評価される場合には、上記であげた解決策などを含め、Webサイトの軽量化などスピード改善に向けた施策を実施しなければいけません。
まとめ
Webサイトについてのご相談やお悩みがありましたら、無料で相談にのっていますので、お気軽にご相談ください。