このページで: [隠れる]
アーリーヒントとは?
初期のヒント (HTTP ステータス コード 103) ページのレンダリングに必要なリソースに関するヒントをサーバーがブラウザーに送信できるようにするメカニズムです。, サーバーがメインリソースの生成を完了する前であっても. これは、これを使用できるため、ブラウザにとって有益です。 “思考時間” 事前に接続をウォームアップし、サブリソースをリクエストする, ページ読み込みの高速化.
誰もが利用できるツール Cloudflare 顧客は無料で、誰でも Cloudflare のダッシュボード内のアーリー ヒントへのベータ アクセスをリクエストできます。 スピード タブ.
それは初期の兆候のように聞こえますが、その背後にあるロジックを理解すると、それに近いものになります. 初期のヒントを使用すると、ブラウザは、クライアントに提供されるコア応答を開始する前に、プリロードフェーズを開始できます。. さらに, これは、事前接続など、より多くのリソースヒントアプリケーションプログラミングインターフェイスに付随して使用できます。.
詳細な説明
より直接的な言葉で, これは、新しい HTTP ステータス コードを定義する Web 標準です。 (103 初期のヒント). この規格は、サーバーとクライアント間の新しい相互作用を決定します. 103 コードは同時にクライアントに提供されます 200 のコード わかった またはエラーメッセージが準備されています。 サーバー思考時間.
内部には、ロードされているWebページを完全にレンダリングするために必要となる可能性が最も高いアセットに関するヒントがあります。. ヒントは、ページの読み込みを高速化し、一般的にユーザーが認識する待ち時間を短縮するのに役立ちます.
素人の言葉で, ユーザーによって観察された遅い読み込みを打ち消すために, 実際にプリロードサイクルを作成します, 実際にページが読み込まれる時間を短縮します. したがって, Webサイトのページの読み込みに関連するすべてのものが高速であり、訪問者にとっても目に見える改善です。.
それはあなたのウェブサイトを後押しできますか?
簡単な答えはイエスです. スピードを上げるだけで, 読み込み速度を上げることができます, サイト全体の速度, クライアント満足度, SEO ランキングなど.
あなたのウェブサイトはより速くなることができますか?
ツールは個々のページを担当し、そのため, ロードされているすべてのページ, アーリーヒントが一般的に実装されている場合, 読み込みが速くなります, すべてを速くする. これがアーリーヒントの真のメリットであり、構成内に標準を設定することが重要である理由です。.
SEOランキングを改善できますか? クライアントの満足度はどうですか?
すでに上で述べたように, このツールは、ウェブサイトのページの読み込みを高速化します, 同様の方法で、クローラーヒントは、ボットクローラーに適切で正確なデータを提供し、より高速にクロールできるようにします。. ボットがページをより速く読み取る, あなたのウェブサイトがSEOランキングでより速くブーストされます. 論理的に, クライアントは、より高速な読み込みのWebサイトに満足します, それも.
クローラーのヒント – それは何ですか?
Crawler Hintsは、Early Hintsと比較して非常に類似した最終目標を持っているため、Cloudflareのもう1つのサービスです。. このセクションですべてをカバーします. クローラーヒントはデフォルトで有効になっており、テーブルに持ってくるだけのメリットがあります, あなたの顧客とインターネット全体.
クローラーのヒントは、Cloudflareを使用してWebサイトでコンテンツが変更されたときに、検索エンジンのボットクローラーに高品質のデータを提供します. それは彼らがすることを可能にします:
- 彼らの這う時間を正確に計る
- 無駄なクロールを避ける
だけでなく、一般的にリソース消費を削減する
- 顧客の起源
- クローラーインフラストラクチャ
- Cloudflareインフラストラクチャ
Crawler Hintsは、Cloudflareのお客様とオリジンの所有者が利用できます. クローラーヒントは、検索エンジンやその他のボット関連のプロセスに常に最新バージョンのコンテンツが含まれるようにします, 満足しているユーザーに翻訳し、最終的にはすべての人にとってポジティブな方法で検索ランキングに影響を与えます.
クローラーヒントは、オリジンに当たるトラフィックを減らします, 資源消費の改善と炭素への影響の制限. それに加えて, あなたのサイトにアクセスする人々がボットによってパフォーマンスを妨げられることがなくなるので、あなたのウェブサイトのパフォーマンスは向上します.
あなたのウェブサイトの読み込み時間を加速する方法
あなたがしなければならないのはアーリーヒントを有効にすることだけであり、テクノロジーはそのアルゴリズムを介してロード時間の加速を行います. まだすべてのブラウザがサポートしているわけではないことを知っておいてください, ベータ段階にあるため. グーグルクローム, マイクロソフトエッジ, および Mozilla Firefox ブラウザは、発表で意見を表明しているため、将来的に標準をサポートする予定です。.
また、場合によっては注目に値する, the 最大の満足のいくペイント 1秒ほど高速化できます, Shopify と Cloudflare が示すように, または数百ミリ秒, この前後の比較に見られるように.
アーリーヒントベータにサインアップする方法
Early Hints Betaにサインアップするには、以下の手順に従ってください:
- Cloudflareアカウントにサインインします
- ダッシュボードで, [速度]タブに移動します
- 最適化セクションをクリックします
- Early Hintsベータサインアップカードを見つけて、アクセスをリクエストします
それだ – シンプルで効率的. どうやら彼らはバッチでそれを行っているので、あなたはあなたのアクセスがCloudflareによって有効になるのを待つ必要があります.
Chromeブラウザバージョンでの初期のヒントのテスト 94+
Windows で動作するフラグを実行することにより、Chrome でサポートを利用できます。, MacおよびLinuxオペレーティングシステム:
/ Applications / Google ChromeDev.appを開きます –args –enable-features = EarlyHintsPreloadForNavigation
フラグを有効にした後, オペレーティングシステムに関係なく, Chromeブラウザを次のバージョンで実行する 94 以上の場合、アーリーヒントが有効になります. あなたはあなたのウェブサイトに最大の技術と経験から利益を得るでしょう 30% サイトの任意のページでの読み込み時間が短縮されます.
Webページテストによる初期のヒントのテスト
ここでは、簡単なページ テスト ツールでツールを有効にして、その動作を確認します。:
- webpagetest.orgに移動します (無料です).
- 目的のテストURLを指定します. 応答のLinkヘッダーに必要なプリロード/プリコネクトrelタイプが含まれている必要があります.
- より高いChromeバージョンを選択してください 94 ブラウザ用.
- 下 高度な設定, 選択する クロム
- Chromiumセクションの最後に、次の行にリストされているコマンドを貼り付ける必要があるコマンドラインセクションがあります。
コマンドはChromeの初期のヒントフラグです:
–enable-features = EarlyHintsPreloadForNavigation.
その後, ツールがどのように機能するかをテストし、それを Web サイトに適用して公開するためにすべてを設定する必要があります。.