ヘルプ! Web ページが遅すぎる – Web サイトのパフォーマンスに対する画像の最適化

貧しいウェブサイトのパフォーマンスはあなたをダウンさせる?
あなたのウェブサイトは、それが戻ってきた上にピアノを持っているように読み込んでいますか?

ウェブサイトのスピードは王様です

消費者は、Webが雷の速さで実行することを期待しています。 しかし、あなたのウェブサイトは、背にピアノがあるように動いています – 遅く、遅く、疲れています。 顧客は、忍耐力が薄くなるにつれて大挙してサイトを離れ、競合他社はあなたをほこりの跡に残して笑っています。

ウェブサイトのパフォーマンス – エンドユーザーエクスペリエンスのすべてです

ウェブサイトの速度は、一日の終わりに、お客様の経験に直接関連しています。 サービスが不十分なために顧客がレストランに行くのをやめるのと同じように、質の高い食べ物を提供しているにもかかわらず、サイトが遅すぎると最終的にビジネスにコストがかかります。 消費者はスピーディーなウェブサイトを要求し、あなたのウェブサイトが遅すぎる場合は、上に移動することを躊躇しません。

実際 、Googleの研究者は 、検索結果の速度をわずか4/10秒のコストの4/10 に減らすことは、Google検索エンジンが1日あたり8,000,000ヒットを要することを発見しました。 研究はまた、4人に1人が読み込みに4秒以上かかるウェブサイトを放棄すると主張しています。

遅いウェブサイトのいくつかの原因は何ですか?

遅いウェブサイト? ウェブパフォーマンス 101
カタツムリのようにゆっくりと動くウェブサイト? かさばる画像が悪いかもしれません!

Web サイトの遅延の主な原因の 1 つは、Web サイトに配置するメディアに起因する可能性があります。 HTTPアーカイブによると、平均的なウェブサイトサイズの60%以上が画像で構成されています。 最適化されていない画像は、消費する帯域幅の量が多いため、遅延を生じる可能性があります。 ただし、イメージの品質を変更して低くし、EXIF データや ICC プロファイルなどの不要な情報を削除することで、最適化を通じてメディアを保持できます。 まず、使用している画像の種類を分析します。 PNG または GIF ファイルの場合は、カラー パレットを縮小する必要があります。 JPG イメージの場合は、ファイルのサイズを小さくして、違いが見つかるまで小さくします。

ビデオは、問題を引き起こす可能性もあります。 他のユーザーのサイトからビデオを埋め込むと、読み込み時間は、その動画のソースによって異なります。 ホストページが遅い場合は、ウェブサイトも遅くなります。 画像と同様に、ビデオを圧縮して、可能な限り最高の画質を維持しながら、最小サイズに最適化したいと思うでしょう。

メディアは唯一の犯人ですか?

メディアはさておき、ウェブサイトのデータベースにも焦点を当てることが重要です。 あなたのウェブサイトが新しい場合、それはあなたが運んでいる情報の軽い負荷のために速く実行されます。 しかし、あなたのウェブサイトが年を取り、メモリとディスクスペースが減少し始めるにつれて、サーバーの速度が問題になる可能性があります。

Web パフォーマンスを向上するためのツール

BrowserViewなどのWebサイト監視ツールは、パフォーマンスのしきい値が破られたときに警告を発する、ウェブサイトのパフォーマンスベンチマークを確立します。 Web サイトのパフォーマンスがページの特定の要素によって影響を受けると、問題の根本原因を特定するのに役立つ詳細な診断を含むレポートが送信されます。

この 無料のウェブサイトの速度テストを実行します あなたの現在のウェブサイトの読み込み時間が世界中から何であるかを確認し、かさばる画像があなたの現在の読み込み時間の主な原因であるかどうかを判断するためにそれを使用します(包括的なパフォーマンスレポートを表示するには、特定のエージェントの場所の「詳細」を選択してください:10%最速と10%遅い要素、詳細な滝チャート、個々の負荷時間を伴うホストの内訳、およびページ上のエラーのリスト)。

最適化されていないイメージが原因であると判断した場合は、最適 なイメージ圧縮ツールのリストをチェックしてください。 私たちは、私たち自身のブログや様々なウェブサイトのためにこれらのツールのいくつかで遊びました。 私たちのピック:JPEGmini for Mac、Webベースのツール用PUNYpng、およびWindows用セシウム(PNGガントレットが最も包括的なWindows + Mac + Linux画像圧縮ソリューションを獲得)

[divider top=”0″]

かさばる画像は、あなたのサイトの遅い速度のせいでしたか? 画像圧縮はサイトにどのように役立ったか。 以下のコメント欄で速度向上の統計を共有してください。

Latest Web Performance Articles​

Start Dotcom-Monitor for free today​

No Credit Card Required