あなたのウェブサイトの速度を最適化する方法
公開: 2020-07-22この記事では、Webサイトの速度を最適化するためのベストプラクティスを紹介します。 この目的のために、今日の市場で入手可能な最も強力なツールのいくつかを使用して、正確で効果的な速度テストを実行する方法も示します。
ウェブサイトの速度が重要なのはなぜですか?
あなたのウェブサイトの速度は、オーガニック検索のランキングに多大な影響を及ぼします。 読み込み時間がユーザーエクスペリエンスに直接影響することを考えると、驚くことではありません。 完全で適切に構成されたWebサイトがある場合でも、ユーザーがコンテンツの表示を待つ必要がある場合は、サイトのパフォーマンスに対するユーザーの認識が損なわれます。 遅いウェブサイトはすぐにその魅力を失い、バウンス率とセッションあたりのページビュー数に悪影響を及ぼします。
読み込み速度を調整する私たちの制御を超えたいくつかの要因があります。 たとえば、サーチャーとそのCPU、ブラウザー、またはインターネット接続で使用されるデバイスの種類は、充電時間に確実に影響します。 ただし、ユーザーは、異なるWebサイト間のナビゲーションを比較するときに、より良いまたはより悪いエクスペリエンスを認識します。
サイトの速度がいかに重要であるかを理解したので、現在利用可能な無料のWebサイト速度テストツールのいくつかを見てみましょう。
フリースピードテストツール
1.GTMetrix
GTMetrixは、Google Page SpeedとYSlowを使用して、Webサイトの速度パフォーマンスの詳細なレポートを提供します。 この無料のツールは、ページを分析してスコアを付け、ページを改善するための実用的な推奨事項を提供します。
2. Pingdom
Pingdomを使用すると、テストを実行する場所を選択して、サイトの速度パフォーマンスを即座に確認できます。 専門家と初心者の両方にとって理想的です。 あなたはあなたのウェブページの全体的な評価とそれらを最適化するためのいくつかの提案を得るでしょう。
3. Web.dev
Web.devは、Webサイトのパフォーマンス、アクセシビリティ、およびSEOに関する広範な情報を提供します。 自動化されたオープンソースツールであるLighthouseを使用して、サイトの品質を監査します。 分析された各メトリックには、スコアの向上に役立つ完全なガイドがあります。
4. Webpagetest.org
Webpagetestを使用すると、世界中の複数の場所から速度テストを実行し、任意のブラウザを選択できます。 簡単な分析または高度なテストを実行することを選択できます。これは、市場で入手可能な速度テストツールの中で最も豊富な診断の1つを提供します。
5.ページスピードの洞察
Pagespeed Insights(PSI)は、Googleが設計したツールで、Webサイトのコンテンツを分析し、その速度を向上させる方法を提案します。 このツールは、ページを0〜100の範囲で評価します。 それは完全なガイドラインであなたのウェブサイトをスピードアップするための多くの秘訣を提供します。
6. Google検索コンソール(コアWeb Vitalsレポート)
GoogleSearchConsoleからCoreWebVitalsレポートを取得して、ページのパフォーマンスを確認できます。 これは「拡張機能」セクションの下にあり、ページの読み込み時間をすばやく遅くする問題を見つけるのに役立ちます。 このツールを使用する利点は、改善に関する履歴データを追跡できることです。
どのメトリックを追跡する必要がありますか?
ウェブサイトの速度を最適化するときに知っておくべきいくつかの重要な指標があります。 これらは、ほとんどのツールがサイトのパフォーマンスを評価するために考慮に入れるメトリックです。 それはあなたに訪問者があなたのコンテンツを受け取るのをどれくらい待っているかについての考えをあなたに与えます。

最近、GoogleはWeb Vitalsをリリースしました。これは、ページの一般的な要素の適切な機能と、閲覧中のユーザーエクスペリエンスの品質を検証するためのChrome拡張機能です。
Web Vitalsは、サイトのユーザーエクスペリエンスを定量化します。 これらは、ウェブサイトが提供するUXを評価するための品質シグナルとしてGoogleによって使用されます。 Googleは、すべてのサイトが追跡しなければならない最も重要な指標としてCoreWebVitalsを強調しています。 ページの読み込み速度、双方向性、視覚的な安定性を反映する3つのコアWebバイタルがあります。
- 最大のコンテンツフルペイント(LCP):ページの読み込みパフォーマンスを測定します。 優れたユーザーエクスペリエンスを提供するために、Webサイトは2.5秒以内にコンテンツの最初の「フレーム」を表示する必要があります。
- First Input Delay(FID): Webページの「応答性」または対話性を評価します。 これは、訪問者が最初にページを操作してから(ボタンまたはリンクをクリックして)、ブラウザーがその操作に応答するまでの時間を測定します。 Googleは、 100ミリ秒未満のFIDを提案しています。
- 累積レイアウトシフト(CLS):これは視覚的な安定性をチェックします。 これは、UXの予期しないレイアウトがシフトする頻度を考慮に入れています。 0.1未満のCLSは、優れたユーザーエクスペリエンスと見なされます。
ウェブサイトの速度テストを適切に実行する方法
これで、Webサイトの速度をチェックするための高品質のツールがいくつかあります。 効果的な分析を実行するために考慮すべきいくつかのポイントを見てみましょう。
適切な場所を選択してください
対象国に最も近い場所を選択してください。 テスト結果をできるだけ正確にする必要があります。 このためには、 (可能な場合はいつでも)Webサイトサーバーに最も近いテストを実行する場所を選択する必要があります。これは、ターゲットが存在する領域とも一致する必要があります。
サーバーの場所によって、上記のLCPとネットワーク遅延が変更されます。 ネットワーク遅延は、ブラウザからサーバーへのラウンドトリップ時間です。 スピードパフォーマンスの進捗状況を知ることができるように、常に同じ場所からサイトをテストする必要があります。
複数のテストを実行する
キャッシュを構築できるように、テストを複数回実行する必要があります。
また、使用する工具によってテスト値が若干異なる場合がありますのでご注意ください。 スコアの平均を見て、現実に近い見積もりを取得します。
これらのプラクティスにより、一貫した速度テスト結果が保証されます。
特定のページをテストする
Webサイトで最も関連性の高いページタイプに対して特定のテストを実行することをお勧めします。 ホームページ、製品ページ、ブログ投稿などの速度をテストします。これにより、特定の種類のページに問題があるかどうかを知ることができます。 おそらく、コンテンツが特定のカテゴリで表示される形式を再設計する必要があるかもしれません。
この記事がお役に立てば幸いです。
ご不明な点がある場合や、ウェブサイトの読み込み時間を短縮するための他の要素について考えられる場合は、お知らせください。