2018.10.06目次ページ表示速度が大切スピードを計測するページ表示速度を上げる対策サーバーの応答時間を改善する画像を最適化するCSSファイルを最適化するブラグインの数を減らすその他の対策ページ表示速度が大切ページの表示速度が、コンバージョン率に影響することがわかっています。・表示速度が1秒増えるごとに、コンバージョン率が7%減少する・ECサイトへの訪問者のうち57%が、ページ表示に3秒以上は待てない(参照元)これらの調査結果からも、ページ表示速度の大切さがわかります。表示速度を上げることは、ユーザーを逃がさないことになります。直帰率の減少につながるということです。SEOの観点からも、表示速度を上げることは有利に働きます。2012年にGoogleは、ページ表示速度が検索ランキングを決めるひとつの要因であることを公表しています。ページ表示速度は検索ランキングを決めるうえのひとつの要因で、ページ表示速度を上げただけで検索ランキングの大幅な向上は期待できないでしょう。コンバージョン率の向上も考えると、ページ表示速度の向上は、軽視できない大切な要因になります。スピードを計測する表示速度を上げるために、まずは現状の速度を把握することから始めましょう。2つの速度計測ツールを紹介します。GoogleGoogleが提供する計測ツールです。URLを入力してボタンをクリックすることで表示速度を計測してくれます。計測結果と速度向上のための対策が表示されます。pingdomスウェーデンのWEBモニタリングサービス企業が提供している無料ツールです。こちらもGoogleのツール同様、URLを入力してボタンをクリックすることで表示速度を計測してくれます。各ファイルごとの読み込み速度を棒グラフで表示されるのでどのファイルの読み込みがボトルネックになっているかが視覚的に確認できます。ページ表示速度を上げる対策サーバーの応答時間を改善するウェブページの表示時間の80%は、ページを構成する様々なパーツをダウンロードするのに費やされています。パーツというのは、画像、スタイルシート、スクリプト、Flashなどです。これらのパーツそれぞれに対して1回ずつHTTPリクエストが送信されて、ダウンロード処理が行われています。サーバーの応答時間が、表示速度にダイレクトに影響します。サーバーのスペックを上げるというのが、シンプルな対策ですが、予算の関係で難しいことが多いです。いった場合は、どうしたら良いでしょうか。表示速度を上げる最も手っ取り早い方法は、サイトデザインをシンプルにすることです。ダウンロードするパーツを減らすことによって、表示速度が上がります。以下のような対策が有効です。・ページの要素数を減らす・可能な場合は、画像の代わりにCSSを利用する・複数のCSSを1つにまとめる・スクリプトを最小限にし、ページ下部で読み込む画像を最適化する不必要に画像サイズが大きすぎたりしていると、それだけで表示速度が落ちる原因になってしまいます。ページ内で利用している画像を最適化することで、表示速度が改善されます。画像サイズ画像サイズを最適なサイズにトリミングしましょう。ウェブページの幅が570ピクセルの場合、画像は同じ幅にリサイズすべきです。最低限のレベルまで画像の色深度を下げたり、画像のコメントを削除することでも表示速度を改善することができます。画像フォーマットJPEGが最適な画像フォーマットです。PNGも良いですが、古いブラウザは完全にはサポートしていない可能性があります。BMPやTIFFは使わないようにしましょう。CSSファイルを最適化するCSSファイルは、2つの形式に分けられます。「外部ファイル形式」と「インライン形式」です。一般的には外部ファイル形式のCSSの方が望ましいです。コードのサイズを小さくし、重複も減らすことができるからです。外部ファイルCSSは、できるだけ少ないファイル数にまとめるようにしましょう。1つのファイルにまとめられれば、サーバーからのダウンロードも1回で済むので、表示速度を上げることができます。ブラグインの数を減らすWordPressを利用しているサイトは、プラグインの数を減らすだけでも、表示速度が向上するケースがあります。便利なプラグインがたくさんあるので、色々とインストールしてしまいがちですが、プラグインが多すぎると表示速度が落ちてしまいます。重要でないプラグインは削除しましょう。その他の対策Googleの公式サイトでも、表示速度を向上させるための情報がありますので、ぜひ参考にしてみてください。自社事業にAIを活用しようとする前にこれだけは押さえておいてください。【無料ダウンロード】成功するAIプロジェクトに共通する3つの最重要ポイント事業でAIを活用する企業様が多くなってきました。弊社でも主に製造業・医療業を中心にAIシステムの開発や導入支援をおこなってきました。その中で見えてきた、成功するAIプロジェクトに共通する最重要ポイントをまとめたPDFファイルを無料で配布しています。AI導入プロジェクトをスタートする際には是非ご参考にいただけたらと思います。こちらのページからダウンロードしてください。コピーロカラボをフォローする株式会社ロカラボこんな記事も読まれてますウェブマーケティングデータドリブンテストはUXテストより7.7倍効果がある?こんにちは、荒井(@yutakarai)です。デザイナーの美的感覚で作ったサイト、上司の意向で作ったサイトがあります。コンバージョン率の側面から見ると、それが本当に正しいサイト構築とは言えない場合が多いです。SEO」を翻訳・適宜意訳したものです。人工知能は検索エンジン最適化界隈でホ...ウェブマーケティングコンバージョン率がアップしても不安は消えない。ビジネスを安定させるには定着率に注目するこんにちは、荒井(@yutakarai)です。以前の僕は、「もっともっと新規の見込み客を!」というスローガンを無意識のうちに持っていました。いま思うと寒気がするほど恐ろしいことです。新規顧客の...ウェブマーケティング情報発信するときに意識するべき3つの柱こんにちは、荒井(@yutakarai)です。情報発信をするときに意識しておくと良い「3つの柱」を紹介します。これはブログや本などです。みなさん一番やりやすい方法です。文字のコンテンツとしてインターネット上にあげ...ウェブマーケティングこれからは、すべての人がメディアになる時代ホームページやSNSは、例えるとテレビのチャンネルのようなものです。どれだけ多くのチャンネルに自分のビジネスを露出させられるかです。考え方はテレビでシーエムやテレビ番組と同じです。今回は、あなたというメディアで、お客さんを増やす方法について紹介したいと思います。「ユーザー行動モデル」から学ぶコンバージョン率最適化ユーザーがどのような心理で、またどういったきっかけで行動するかを理解することは、コンバージョン率を向上させる上で非常に役に立ちます。ユーザーの心理や行動を理解することで、最適なページの構成やデザインを見つけることができます。株式会社ロカラボ.メニューサービス紹介ブログ会社概要ビジネスパートナー募集お問い合わせホーム検索トップサイドバ。