• ABOUT
  • SERVICE
  • MEMBER
  • INFORMATION
  • BLOG
  • RECRUIT
  • CONTACT
  • ABOUT
  • SERVICE
  • MEMBER
  • INFORMATION
  • BLOG
  • RECRUIT
  • CONTACT
  • HOME
  • ブログ
  • サイト・デザイン
  • サイトスピードの重要性と改善方法

2019-12-23

サイト・デザイン

サイトスピードの重要性と改善方法

こんにちは、モンゴロイドのデザイナーです。

Webサイトの検索順位を上げるために、なぜサイトスピードの高速化が重要なのか、またどう改善したらいいのかを今回ご紹介したいと思います。

▼ 目次

  • サイトスピードが遅いとどうなる?
    • 01.ユーザーの直帰率が上昇する
    • 02.検索順位が下がる
    • 03.低速サイトに不名誉なバッジが表示される可能性
  • サイトスピードの確認方法は?
    • サイトヘルス
    • Lighthouse
    • PageSpeed Insights
    • Test My Site
  • サイトスピードの改善方法は?
    • Webサイトをgzip圧縮
    • 画像ファイルの圧縮
    • 画像の遅延読み込み
    • Googleフォントを非同期で読み込む
  • まとめ

サイトスピードが遅いとどうなる?

サイトスピードが遅いと3つのデメリットがあります。

01.ユーザーの直帰率が上昇する

・表示速度が1秒から3秒に落ちると、直帰率は32%上昇
・表示速度が1秒から5秒に落ちると、直帰率は90%上昇
・表示速度が1秒から6秒に落ちると、直帰率は106%上昇
・表示速度が1秒から7秒に落ちると、直帰率は113%上昇
・表示速度が1秒から10秒に落ちると、直帰率は123%上昇
ページの要素(テキストやタイトル、画像など)の数が400個から600個に増えると、コンバージョン率は95%下がる

引用元:表示速度が1秒→7秒で直帰率は113%↑、モバイル向けサイトのUXはとにかくスピードが命 | 海外SEO情報ブログ

02.検索順位が下がる

サイトスピードが遅いと検索順位が下がると言われますが、正確には、遅いサイトの順位が下がるのではなく、速いサイトの順位が上がります。
これは、Googleの公式ブログでも紹介されています。
https://webmasters.googleblog.com/2010/04/using-site-speed-in-web-search-ranking.html

03.低速サイトに不名誉なバッジが表示される可能性

Googleは2019/11/11に、Webサイトの高速化の取り組みとして、読み込みスピードが遅いWebサイトに、不名誉なバッジをブラウザで表示する計画を発表しました。

サイトスピードの確認方法は?

サイトスピードを確認できる手法をいくつかご紹介します。

サイトヘルス

WordPress5.1から導入された、サイトの安全性とサイトスピードをチェックしてくれる機能です。
プラグインを入れる必要はなく、ダッシュボードのツール>サイトヘルスをクリックするだけで見ることができます。

Lighthouse

パフォーマンス、アクセシビリティ、ベストプラクティス、SEO、PWAの5項目を調査・測定ができるChromeの拡張機能です。

PageSpeed Insights

Google提供している無料のサイトチェックツールです。調査項目は、パフォーマンスのみですが、Chromeユーザーエクスペリエンスレポートのデータを計算に含んだチェックツールです。
モバイル端末やパソコン向けページのパフォーマンスに関するレポートと、対象ページの改善方法を確認できます。

Test My Site

Googleが提供しているモバイル向けのパフォーマンスチェックツールです。
速度をテストしたいドメインを画面に入力するだけで、手軽に診断結果が出ます。

サイトスピードの改善方法は?

Webサイトをgzip圧縮

Webサイトをブラウザに表示する際、データ転送が必ず行われます。
そのデータ転送を圧縮することで転送量を減らし、サイトスピードを高める手法です。

画像ファイルの圧縮

重い画像はWebサイトを遅くするため、ユーザーエクスペリエンスが悪化します。画像の最適化には、ツールを使用してファイルサイズを縮小する必要があります。

画像の遅延読み込み

javascriptで画像を読み込むタイミングをずらずオフスクリーン画像の遅延読み込みを設定します。
具体的には、画面上に表示されていない画像を最初に読み込まず、スクロールなどで表示された時に読み込む手法です。

Googleフォントを非同期で読み込む

Googleフォントを「Web Font Loader」で読み込みを行うことで、ページを移動してもGoogleフォントを再読み込みする無駄が生じません。

まだまだ改善方法はありますが、まずは上記を実践して、改善結果を確認してみることをおすすめします。

まとめ

サイトスピードを意識したサイト構築は必須です。
ですが、ツールを使ってサイトスピードが遅いと判明しても、
なかなか社内では改善できる担当者がいない……というお声をよく耳にします。

モンゴロイドではこの他にもサイト構造の見直しや、解析を行い、
かっこよくて売れるサイト構築を目指しています。
サイトを改善して欲しい!というご依頼がありましたら、
是非お気軽にお問い合わせくださいませ。

この記事を読んだ人はこんな記事も読んでいます

2018-11-05

Webデザインの勉強法とは?現役デザイナーのインプット・アウトプット術

サイト・デザイン

2018-10-23

今さら聞けないSEO!基本対策をまとめました

サイト・デザイン

2018-11-29

ユーザーに考えさせないデザインとは?

サイト・デザイン
SMB

SMB

筆者 : SMB

次の記事へ
記事一覧へ

前の記事へ
SMB

SMB

CATEGORY

  • すべて (155)
  • サイト・デザイン (42)
  • EC (40)
  • 広告 (35)
  • 解析 (29)
  • ビジネス (8)
  • ブランディング (5)

RANKING

2018-09-26

サイト・デザイン

広告バナーの参考になるギャラリーサイトまとめ

通販の領収書発行~決済別・ポイント払いの注意点~

2018-03-02

EC

通販の領収書発行~決済別・ポイント払いの注意点~

2019-04-18

EC

ECモール徹底比較!7つのECモールの特徴・出店コストまとめ【出店を考えている方向け】

2019-12-23

広告

YouTube広告の特徴や出し方を徹底解説|広告効果をあげるポイントはこれだけ

criteo_eye_1

2018-08-03

広告

これであなたもCriteo通。10分でわかる!広告担当者のためのCriteoで知っておきたい10のこと。

RECOMMEND

2019-11-15

EC

【EC事業者向け】本当に売れるのはAmazon?楽天?二大モール徹底比較!

2019-04-18

EC

ECモール徹底比較!7つのECモールの特徴・出店コストまとめ【出店を考えている方向け】

2018-12-07

広告

Indeed(インディード)有料広告のメリット・デメリット

2018-11-01

EC

【Amazon出品者向け】アマゾンで売れる店になる!売上をあげる方法とは?

2018-07-27

サイト・デザイン

どこが違う!? 「独自SSL」と「共有SSL」のメリット・デメリット徹底比較【2018年7月現在】

  • amazon
  • CVR
  • EC
  • ECモール
  • EC運営知識
  • Facebook
  • Googleアナリティクス
  • Googleタグマネージャー
  • Indeed
  • SEO
  • SNS
  • UI/UX
  • Webデザイン
  • wordpress
  • Yahoo!ショッピング
  • YouT
  • YouTube
  • カテゴリ
  • クリエイティブ
  • サイト・デザイン
  • ダイナミックリターゲティング
  • ツール
  • ディスプレイ
  • デザイン素材
  • ノウハウ
  • バナー
  • ビジネス
  • フレームワーク
  • ブランディング
  • メルマガ
  • 事例
  • 効率化
  • 動画広告
  • 売上UP
  • 広告
  • 広告メニュー
  • 広告効果測定
  • 広告運用
  • 楽天
  • 比較
  • 統計データ・調査
  • 解析
  • 資格
  • 集客
  • 集客.動画
CONTACT

お仕事のご相談はこちらから

株式会社モンゴロイド
〒530-0003
大阪市北区堂島 2-2-23 白雲ビルヂング 1F
Tel 06-6147-5147
  • SASAGAWA HAPPY 40th BIRTHDAY 2018.4.26
  • A-SITE

SITE MAP  PRIVACY POLICY

  • CONTACT
  • BLOG
  • INFORMATION
  • MEMBER
  • SERVICE
  • ABOUT
  • SITE MAP
  • PRIVACY POLICY
  • RECRUIT
Copyright © 2017 MONGOROID inc. All Rights Reserved.
PAGE TOP