このページで: [隠れる]
ページ速度の最適化は、すべてのWebサイト所有者が注意深く実行する必要がある重要なパフォーマンス手順です。. これは、カスタマー エクスペリエンスと 検索エンジン最適化 とランキング. Google 独自の Page Speed Insights ツールを使用して Web サイトを高速化することは、最も強力なアプローチの 1 つであり、, 記事上で, 簡単な手順でこれを行う方法についてアドバイスします.
ページ速度インサイトとは?
Google が開発した PageSpeed Insights レポートは、検索エンジンによる Web サイトの動作を示す重要な指標の 1 つです。. 定義により, それは PageSpeedツールスイートの一部 これは会社によって開発され、オンラインツールの形でWeb開発者が利用できます.
このサービスへのアクセスは誰でも利用できます. それが提供する指標を見ることによって, ウェブサイトの管理者は、サイトの運営方法や訪問者のエクスペリエンスを向上させる方法について貴重なフィードバックを受け取ることができます. このツールは2種類の情報を提供します — ラボおよびフィールドデータ, それぞれ結果の分析と現状の改善に役立ちます.
2種類のデータは次のように説明されます:
- ラボデータ — これは、不適切な操作のデバッグに主に役立つ有用な情報です。. これは、一般的な規模で発生する問題を分析し、サイトに関する具体的な問題の詳細を提供できます.
- フィールドデータメトリクス — これは、実際のライブデータの有用な測定値であり、訪問者が観察したメトリックに関する情報を提供できます。.
Page Speed Insightsは、 総合評点 これは、特定のWebサイトのパフォーマンスの推定要約です。. これは、と呼ばれる別のサービスを使用して行われます 灯台 データを収集して分析します. スコアはから提供されます 0 に 100 数値で. 上記のスコア 90 良い記録と見なされます, その間 50-90 改善が必要であると評価されています, 下 50 パフォーマンスが悪いと見なされます.
Page Speed Insights メトリクスを理解する方法?
URLがツールに配置されたとき, サービスは、これら2種類のフィールドデータに基づいてそのスコアを自動的に列挙します. Googleは投票します Chromeユーザーエクスペリエンスレポート サーバーに保存され、Chromeウェブブラウザによって収集されるデータセット. 分析の一環として, また、次のような他のメトリックもチェックします 最初の満足のいくペイント (FCP), 最初の入力遅延 (FID), 最大の満足のいくペイント (LCP), および累積レイアウトシフト (CLS).
良い/必要な改善/悪いの3つのリストされたしきい値は、上記のソースからの全体的な合計データに基づいています. ウェブサイトの所有者は、結果ページに表示されているグラフィックマーカーを見ることで、結果を理解できます。. A 緑のチェックマーク 良いスコアを示します, オレンジ 改善が必要なサイトにラベルを付けます, と 赤 悪い結果を示しています.
Lighthouseモジュールには、3つの異なるタイプの監査がリストされています:
- 機会 — これらは、特定の改善が行われた場合にサイトがどれだけ高速に動作するかを示す具体的な提案です。.
- 診断 — 彼らは、ページがグーグルによって理解されるように最良のウェブ開発慣行をどのように観察するかについての現在の調査を与えます. 具体的な改善点と機能強化を回避するためのヒントは、ここにあります。.
- 合格した監査 — 実施した監査の種類を表示します. 監査の数が増えるにつれて, 全体的なスコアが向上する可能性もあります.
現時点では 灯台サービス Moto G4 モバイル デバイスのシミュレーションを使用して、指定されたページを読み込みます. これは、通常の訪問者がWebサイトにアクセスする方法の中間層の例としてサービスによって選択されます. サービスの向上につながる, サービスはいつでも他のエミュレートされたデバイスに切り替えることができます.
ウェブサイトの所有者は、スローダウン値の2つの主要なタイプを区別できます, 方法を示すもの 折り畳み以上のコンテンツ ロードされ、反対側 フルページの読み込み速度. Google PageSpeed Insightsは、モバイルデバイスとデスクトップ読み込みエミュレーションの両方を利用しているため、これに関する重要な情報を提供できます。. ページ速度の向上は、さまざまなタイプのデバイスのサイト読み込みに応じて追跡されます.
意図的に, これは診断ツールです, パフォーマンスと結果を改善する方法に関する詳細なアドバイスは、サイトの種類やWebホスト環境などの他の要因に大きく依存します.
ウェブサイトの速度が遅いと、多くのユーザーがサイトから脱落する可能性があります, としても知られているメトリック バウンス率. これはビジネスサイトにとって特に危険です, オンラインショップや重要なポータルを含む. 読み込みの遅いサイトは売買を妨げる可能性があり、非常に悪い実績につながる可能性があります. これはコンバージョンにも当てはまります, 有機的成長に到達, 重要なサイトの目標を達成する.
速度最適化のヒント
ソリューションとオプション サイトの速度を改善する サイトの現在の分析とステータスに依存します. 主に、ほとんどのページで一般的に必要とされる最適化は、 未使用資源の削減 および機能の改善. これには、次の要素が含まれます:
- JavaScriptコード — 大きくて複雑すぎるJavaScriptコードは、サイトの適切な読み込みを妨げる可能性があります. これは特に当てはまります。複数のコードスニペットが1つのページに配置されている場合です。. 不適切な機能は、サイトの読み込みを大幅に遅くする可能性があります. 前のコードが適切に動作しなかった場合、一部のコードが完全にロードされない可能性があるため、これは当てはまります。. これはページ速度を妨げます, 検出された問題が修正された場合、改善が行われます.
- 画像の最適化 — 画像は最も要求されているリソースであり、すべてのサイトにとって非常に重要な資産と広く見なされています. 最適化が不十分, 読み込みが遅い, 不適切にタグ付けされた画像は、Googleのレポートとランキングを大幅に妨げる可能性があります. 品質の低下をあまり伴わずに適切な圧縮を使用すると、可能な限り最良の結果が得られ、サイトの負荷が改善されます。.
- CSSとJavaScriptコードの縮小 — 特定のを最適化する最も簡単な方法の1つは、 縮小プロセス — これは、サイトのレンダリングに影響を与えない重要でない記号や文字の削除になります . これにより、この種のデータの読み込みが速くなり、ファイルサイズが小さくなります. これは、手動または自動で実行できます, ウェブマスターの専門知識に応じて. 一部のベンチマークでは、コードの改善が非常に重要であると考えられています.
- の使用 コンテンツ配信ネットワーク (CDN) — ユーザーがコンテンツ配信ネットワークの使用に頼る場合、データの読み込みははるかに高速になります. これらは世界中で見られる大規模なサーバーであり、選択したユーザーにデータを提供します (主に画像とマルチメディアアセット). これにより、要求されたファイルのローカルコピーが地理的に近い場所に作成されるため、読み込み速度が大幅に向上します。. 有効にすると、ページ速度が大幅に向上します。.
ウェブサイトの所有者が使用できる他の改善手法には、さまざまな使用が含まれます Webキャッシングテクノロジー — これらは通常、ホストのWebサーバーによって実装されるか、動的コンテンツ管理システムによってアクティブ化されるプラグインによって有効になります。.
Google PageSpeed Insightsは、エミュレートされたデバイスを介してサイトをテストすることで動作するため, モバイルのものを含む, eがあなたに与えることができる最高のヒントの1つはの使用です GoogleAMPプロジェクト. これはの略です Accelerated Mobile Pages モバイルフレンドリーな形式でのページのプレゼンテーションです, それは特別なフォーマットによって制御されます. Googleは、これらのページが標準に直面している場合、かなり迅速にインデックスを作成します. それらは高速でロードされ、特別な輪郭が描かれていることで知られています “ボルト” 検索エンジンクエリでそれらの横にあるグラフィック画像.
有効化 圧縮 ウェブ速度の向上につながります, 速度の向上は、選択したアルゴリズムに依存する可能性があります. これは通常、ウェブホスティングサービスのコントロールパネルによって、またはこの機能を有効にするように設計された特別なプラグインを介して行われます。.
結論
Google PageSpeed Insightsは、特定のWebサイトがどのように動作するかについての賢明で詳細な分析を提供します, ただし、Webサイトを最適化する方法について詳細な指示を与えることは非常に困難です。, 結果とメカニズムは、選択したサイトの現在のステータスによって異なります。. すべての問題が修正されると、特定の改善が明らかになります.
ただし、この記事では、速度の最適化に使用される最も一般的なヒントをいくつか紹介します。, より高速なコンテンツ配信, 個々のページのバグのない読み込み. うまく機能しているサイトに関する最も重要な側面の1つは、モバイルフレンドリーなコンテンツの作成であり、Googleや他の検索エンジンで見られるような最良の開発慣行に直面するものです。.
アドバイスのほとんどは、ウェブサイトの所有者が従うことができます, 一部のヒントでは、サイトに電力を供給しているサーバーとテクノロジーの特定の構成が必要になる場合があります. ホスティングプロバイダーに問い合わせて、サイトの最適化のための自動化されたソリューションや、これを実現する方法に関する特定のガイドが提供されているかどうかを確認できます。.