2019年8月21日これから自社のホームページを作りたいんだけど、容量が大き過ぎると何かデメリットがあるんですか?画像をいっぱいホームページに掲載したいけど、容量が大きくて悩んでます。簡単なホームページであれば容量をそこまで気にすることはありませんが、手の込んだかっこいいホームページを作ろうとすると、容量が大きくなってしまいます。サーバーの容量が多いから問題ないのではないかと考える方もいらっしゃると思いますが、色々な弊害が生じてきます。今回の記事ではホームページの容量について詳しく解説していきます。ホームページの容量ってなんで気にしなきゃいけないの?ホームページを作成するときに、なぜ容量を気にしなければいけないのでしょうか?その大きな問題としては以下の3つが挙げられます。ポイント1.閲覧するユーザー視点での問題2.サーバーの問題3.SEO的な問題これらの問題について詳しく解説いたします。1.閲覧するユーザー視点での問題ホームページを作成するということは、ターゲットとするユーザーに閲覧されることを前提に作成すると思います。自分の作ったホームページの容量が大き過ぎると、読み込むのに時間がかかったり、Javascriptなどを埋め込んでいると動きが悪くなったりすることがあります。皆さんもホームページを閲覧するときに、なかなか開かなかったり、動きが悪かったりというページを見たことがあるのではないでしょうか?自分が閲覧する立場に立って考えると、読み込みが遅かったり動きがカクカクのページは、いくらすごいページでも嫌悪感を抱いてしまうと思います。それではせっかく見に来て下さったユーザーが離脱してしまう可能性すらあります。どのくらいの容量ならばいいの?という疑問を持たれるかと思います。目安としてではありますが、一般的に重くても1.0~3.0MBが良いとされています。これはあくまでも目安ですので、これよりも重くなったら絶対にダメということではありません。速度を早くする方法を下記にまとめてみます。ポイント1.JavascriptやCSSの最適化2.画像の最適化これらについても解説します。1.JavascriptやCSSの最適化JavascriptやCSSの最適化をすることで、表示速度が上がります。ホームページを作成していると、コードもホームページの容量や表示速度の阻害要因になってきます。無駄なコードも残ったままになっていることは多々ありますので、コードの最適化をして、ホームページの容量を軽減させて表示速度を上げましょう。画像の最適化は、ホームページの容量を軽減させて表示速度を上げるのに効果があります。自分で作成したホームページを評価してみましょう。Googleで便利なツールがあるのでご紹介します。Insights・・・これはGoogleが提供するスコアを測定するためのツールです。このツールを用いることで、自分の作ったホームページの速度を点数付けしてくれます。改善点なども表示してくれるため、ホームページの容量を軽量化させ表示速度を上げるための分析ツールとしては必須だと考えております。重い画像はどうやって軽くすればいいのかと思う方がいると思います。そこで、重い画像を軽量化するためのツールもご紹介いたします。ミニ)・・・見た目をそのままにファイル容量を最大80%も軽量化することが可能これらをうまく活用して、ホームページ容量を軽量化していきましょう。大規模なサイトになってくると、アクセス数も多くなるため、ホームページの容量が転送量にもかかわってきます。転送量とはサーバーからのデータ送受信の合計の大きさのことです。サイトが表示される際には、ユーザーのブラウザからホームページを表示したりすることで転送量が増えていきます。エックスサーバーを例に挙げると、一日の限界転送量が決まっています。*画像挿入*これを超える転送量になってしまうと、下記のデメリットが発生します。注意ポイント1.アクセスに時間が掛かる2.アクセスできなくなるこうなってしまうと、せっかく見に来てくれたユーザーを逃がしてしまう恐れがあるので、規模に合わせてサーバーの契約もしたほうがいいでしょう。3.SEO的な問題これもとても深刻な問題です。ホームページの容量が大き過ぎると、上位表示がされないことに直結してしまいます。10MBを超えるホームページになってしまっていると、クローラーが巡回してくれません。重くなれば重くなるほど、閲覧するユーザーの顧客満足度が下がってしまうことから、SEO的には良くありません。上位表示されなければ、いかに良いホームページを作ったところで見てもらえません。大事なのはユーザーのことを考えたページを作成することです。重くても目安である1.0~3.0MBに収まるようにホームページを作成することをオススメいたします。ホームページの容量ってどこで確認するの?ホームページの容量を確認するには、「Firefox」が簡単に確認できるのでオススメです。確認の仕方について、画像を用いて説明していきます。1.Firefoxで容量が知りたいホームページを開く2.「ツール」の中にある「ページの情報」をクリック3.「サイズ」と言う部分を確認このように簡単にホームページの容量を確認する事が出来ます。便利なのでぜひ活用してみてください。まとめポイント1.ホームページの容量が大きいとユーザーの顧客満足度が下がる2.画像やコードを最適化して軽量化を図ろう3.軽量化はSEO対策としても有効4.ホームページはユーザーのことを考えて作成しようホームページの容量を軽量化しながら良いホームページを作成することで、さまざまなメリットがあります。見た目にとらわれがちですが、軽量かつ見やすいホームページを作ることが、とても重要になってきます。これからホームページの作成を考えている方は、ぜひ容量も気にしながら作成していただければと思います。今回の記事が皆様の参考になれば幸いです。無料相談から、あなたのお悩みをお聞きします!顧客に愛されるホームページの企画・制作からSNS運用まで。目的に合わせたホームページをご提案致します。最新記事Kogiエンジニアとして企業で活躍していたが、仕事へのやりがいを求めて独立。濃密な毎日を過ごし、毎日楽しく仕事をこなしている。常に刺激を求め、仕事の効率を上げるための手段を常に考える改善大好きな人。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。ブログ損しない!ホームページ制作会社に依頼する前に注意すべき4つのポイント起業したてで、集客のためにホームページを作成したいと考えています。お金もかけられないので、極力出費を減らしたホームページ作成方法を教えてください。自治体のIT管理者です。5年前にホームページをリニューアルしましたが、現在では、AIやSNSなどの最新技術が発展しており、最新の技術などを導入し、再びリニューアルしようかと思っています。上司に企業のホームページを作るよう頼まれました。今まで、作成したこともなく、全くの素人なんです。ブログホームページってどういう意味で使われるの?本来の意味や用途について紹介!ホームページってどういう意味があるんですか?WebサイトやWebページと一緒の意味なんでしょうか?教えてください。ブログホームページがない会社は損しかしない|ホームページは無料で作っちゃおう!現在、会社のホームページがないのですが、ホームページがないところは怪しいと思われるのでしょうか?ホームページの必要性について教えてください。AFFINGER5.。