「最近、サイトの読み込みが遅くなってるかも?」と感じているあなた。サイトの読み込み時間が長くなる、ということは大きな問題です。さまざまな企業での調査によって、読み込み時間が長くなるとサイトのパフォーマンスの低下、ひいては企業としての収益の減少につながるということが言われています。そのため「遅いかも」と感じたら、すぐに改善を実施することが重要なのです。今回は、サイトの読み込み時間の測定方法や遅くなる原因、そして改善方法をご紹介します。サイトの読み込みが遅いとどうなる?サイトの読み込み時間が長くなると、具体的に以下のような結果になることが示されています。完全に表示されるまでに3秒以上かかると、53%のユーザは直帰する1秒伸びるごとに、CVR(コンバージョン率)が7%下がるサイトのアクセス数が減少し、離脱率も上昇する上の調査の結果からもわかるように、読み込み時間はあなたのWebサイトに大きな影響を与えます。そのため、読み込み時間が遅くなる原因や現状を把握することが非常に重要です。実際に、測定の方法と遅くなってしまう原因についておさえていきましょう!あなたのサイトの現状を把握しましょう。読み込み速度を調べるための、簡単・無料の測定ツールをご紹介します。先に1点補足として、これから下に記述する3つの原因の他にも、Webサイトの読み込み時間が長くなってしまう原因としては「サーバのスペック」なども考えることができます。今回は、マーケターの関わるWebサイト側の原因3つに絞ってご紹介していきます。サイト内のコンテンツが重いWebサイトの中には、文字、画像、アニメーション、動画、スライドショーなどさまざまなコンテンツがあります。これらが以下のような状態だと、サイトの読み込みが遅くなります。Javascriptを使用してるため重いJavascriptはプログラミング言語のひとつで、サイトに動きをつけることができます。今やサイトのUIを良くするため、Javascriptを使っていないサイトはほとんどありません。Javascriptは書けば書くほどファイルが増えていきます。サイトでの動きをたくさん指定するほど、Javascriptファイルの読み込みに時間がかかるようになってしまいます。Sheets)」です。HTMLがWebページ内の各要素の意味や情報構造を定義するのに対し、CSSではそれらをどのようにデザインするかを指定します。音声で読み上げられる際の再生スタイルなど、Webページをどのようなスタイルで表示・出力・再生するかについて指定することができます。HTMLの要素に対して、スタイルの指定を大量に行うと、CSSファイルの中身がパンパンになってしまったり、複数のCSSファイルを作成することとなってしまうため、CSSファイルを読み込むために時間がかかるという状況に陥ってしまいます。Javascriptを使用しているため重いという3つが挙げられました。関する改善については専門知識が必要になります。改善をエンジニア・デザイナーにお願いするときには、「読み込み速度の改善をしたい」という目的を正しく共有しながら連携をとっていくことが重要です。画像を軽くする■現状を確認しよう!まずは、サイトに掲載している画像のサイズを確認してみましょう。Tools」を使う方法があります。Insights内の「画像を最適化する」の項目では、改善すべき画像はどれかと、その画像を圧縮すると画像が何%軽くなるのかが表示されます。Toolsは、Windowsの場合【F12キー】、Macの場合【Command+Option+Iキー】を押すことでで表示されます。Toolsが開いたら、「Network」タブ内の「Type」がpng、gif、jpegのものをチェックすると画像のサイズがわかります。■画像サイズを軽くしよう!画像サイズが大きいものが見つかったら、軽くしていく必要があります。画質を落とさずにサイズを圧縮することができるツールをご紹介しますので、こちらを使ってみてください。here」に画像をドロップすると、すぐにファイルを圧縮してくれます。「Download」をクリックすると、圧縮された画像をダウンロードすることができます。・Optimizilla:日本語対応の画像最適化ツールです。一度に最大20個まで画像ファイルをアップロードできます。イメージクオリティや圧縮率を指定することもできます。Analyticsの計測タグなど、必要なタグを管理できているでしょうか?不要なタグを書くだけ書いて放置してしまっていないか、確認し整理することが重要です。タグの管理には「タグマネージャー」の活用も有効です。タグマネージャーはタグを管理するためのツールで、計測タグだけでなく広告タグなどのタグやスクリプトを管理することができます。関連記事:タグマネジメントとは?ツール導入のススメ!3サイトのコンテンツを見直すサイトのコンテンツを見直すのも、読み込み時間を改善するのに有効です。見せたいものはたくさんあるかと思いますが、その中からユーザにとって必要なコンテンツを必要なだけ用意することが大切です。この3つの視点でコンテンツを見直してみましょう。・ユーザにとっていらないページや機能はないか・不要なリンクを貼っていないか・コンテンツは、ユーザの求めるものになっているか上のポイントを確認して改善していくことで、サイトの読み込み時間の改善だけでなく、ユーザの体験をより良いものにしていくことができるようになります。コメントをキャンセルメールアドレスが公開されることはありません。(1)お気軽にご相談下さい。旅館業のWEBコンサルティング。