新しいWebサイト所有者のためのWebパフォーマンス
公開: 2020-10-23今日、サイト訪問者はあなたのウェブサイトがロードされるのを長く待つつもりはありません。 調査によると、ウェブサイトの速度は、顧客満足度と売り上げのコンバージョンに大きな違いをもたらす可能性があります。 実際のところ、消費者の47％は、2秒未満で読み込まれるWebサイトを好みます。
ウェブサイトのパフォーマンスとは何ですか？
これは、Webページがブラウザにダウンロードまたは表示される速度です。 つまり、Webサイトはできるだけ早くロードする必要があります。 ページの読み込みに3秒以上かかると、サイト訪問者の53％が離れるため、理想的な読み込み時間は1〜2秒です。
サイトパフォーマンスの重要性
サイトの速度が速いと、ユーザーエクスペリエンスが向上します。 最終的に、ウェブサイトの速度が遅いと、コンバージョン数が少なくなり、バウンス率が高くなります。 新しいWebサイトの所有者のためにWebパフォーマンスを最適化することは重要です。 基本的に、人々はウェブサイトがロードされるのを待つ忍耐力がないので、遅いサイトを放棄するでしょう。
訪問者を購入者に変えようとしている中小企業の経営者にとって、スピードはさらに重要です。 ユーザーが複雑な目標到達プロセスをナビゲートする必要がある場合、ユーザーは離れて、よりユーザーフレンドリーなより高速なWebサイトを選択します。 PageSpeed Insightsなど、Webサイトの速度を追跡するのに役立つWebサイトはたくさんあります。
（画像クレジット：Google）
1.ソーシャルメディアにおけるサイト速度の重要性
FacebookやPinterestなどのソーシャルメディアサイトでは、サイトの速度が重要です。 Facebookは、ユーザーエクスペリエンスを優先するために、2017年8月にアルゴリズムの変更に投資しました。
Facebookにとって広告は重要であるため、新しいアルゴリズムは、拡大する顧客ベースのニーズを満たすことを目的としていました。 アルゴリズムは速度とユーザーエクスペリエンスを改善しただけでなく、Facebookも収益の増加を報告しました。
2.サイト速度がコンバージョンに与える影響
サイトの速度は、ユーザーエクスペリエンスとコンバージョンに大きな影響を与えます。 速度はSEOに影響を及ぼし、それが人々が遅いWebサイトで跳ね返る理由です。 バウンスとは、ユーザーがサイトの次のページに進まない場合を指します。 読み込みが遅いサイトでは、バウンス率が高くなります。 このような料金はGoogleでのランキングに影響するため、速度を優先する必要があります。 Google Analyticsにはバウンス率を追跡する方法があるため、必要に応じて修正できます。
（画像クレジット：OptinMonster）
Webパフォーマンスを測定する方法
コンバージョンに関しては、サイトの速度が重要な役割を果たします。 通常、読み込み時間が遅いためにユーザーがWebサイトからバウンスしている場合、ユーザーはコンバージョンに至りません。 人々が必要な情報にたどり着くページは、彼らに考えを変えるためのより多くの時間を与えるべきではありません。
ナビゲートしやすいサイトは、訪問者があなたの製品を購入することを決定した後のコンバージョンへの正しい道を提供します。 Webパフォーマンスを決定するメトリックが非常に多いため、ユーザーに関連するメトリックを選択する必要があります。 ほとんどのWebサイトの主要業績評価指標は次のとおりです。
1.ページの読み込み
ページの読み込みとは、ウェブサイトのページが画面に表示されるまでにかかる時間を指します。 最良の結果を得るには、すべてのWebサイトページの読み込みに最大2秒かかることを確認してください。 可能であれば、ミリ秒単位でロードしてください。
ページの読み込みがこのしきい値を超える場合は、サイトのパフォーマンス最適化手法を実装する必要があります。 したがって、Webサイトの最も重要な側面（連絡先など）に優先順位を付け、二次要素（広告など）の読み込みを遅らせるのが賢明です。
2.レンダリング時間
レンダリング時間は、HTMLドキュメントの読み込みにかかる時間です。 空白のブラウザページに何かが表示されるまで、訪問者が待機する必要がある時間を決定します。
あなたは興味があるでしょう
ビジネスを成功させる方法
ウェブサイトの読み込み速度：最適化のためのツール
ウェブサイトのヘルスチェック：ツールとヒント
UXとはどういう意味ですか？
レンダリング時間が遅い場合は、CSSまたはJavaScriptファイルに問題があることを示しています。 これらの指標のボトルネックを取り除くことで、速度とユーザーエクスペリエンスを大幅に向上させることができます。
3.最初の意味のあるペイント（FMP）
部分的にロードされたWebサイトは、最初のペイントとして知られています。 含まれる情報は非常に限られているため、意味のある情報を表示するのにかかる時間を決定することが不可欠です。 ウェブサイトが意味のある画像をすばやく表示できるように、読み込み時間を改善するには、プリロードを設定することが重要です。 FMPの例を次に示します。
（画像クレジット：検索エンジンランド）
4.サーバー時間
サーバー時間は、サーバーが最初の要求にどの程度応答するかを示します。 これは、訪問者が最初のデータを受信する前に経過する時間である、最初のバイトまでの時間（TTFB）に似ています。
データベースに依存するWebページはサーバー時間が長く、適切に構成または最適化する必要があります。 WordPressユーザーは、キャッシュイネーブラーなどのキャッシュプラグインを使用して、TTFBを簡単に減らすことができます。
60秒であなたのサイトのSEOとパフォーマンスをテストしてください！
優れたウェブサイトのデザインは、訪問者のエンゲージメントとコンバージョンにとって重要ですが、ウェブサイトの速度が遅い、またはパフォーマンスエラーがあると、最適にデザインされたウェブサイトでさえパフォーマンスが低下する可能性があります。 Diibは、世界で最高のWebサイトパフォーマンスおよびSEO監視ツールの1つです。 Diibはビッグデータの力を利用して、トラフィックとランキングをすばやく簡単に増やすことができます。 起業家に見られるように！
- 使いやすい自動SEOツール
- キーワードと被リンクの監視+アイデア
- スピード、セキュリティ、+コアバイタルトラッキングを保証します
- SEOを改善するためのアイデアをインテリジェントに提案します
- 25万人以上のグローバルメンバー
- 組み込みのベンチマークと競合他社の分析
25万を超える企業や組織で使用されています。
と同期します
5.スピードインデックス
Googleの速度指数は、ウェブのパフォーマンスを測定するための重要な基準です。 Googleによると、速度インデックスは、ブラウザ内のすべての要素が表示されるまでにかかる合計時間です。
速度インデックスは、ロード時にWebページのビデオをキャプチャするWebPageTestによってミリ秒単位で計算されます。 この速度インデックスは、訪問者が実際にコンテンツを見る速度を示すため、ユーザーエクスペリエンスの優れた決定要因です。 例えば：
（画像クレジット：Web.dev）
6.バイトイン
バイトインはページサイズの同義語です。 大きなWebページには、ページのコンテンツを完全にダウンロードするために必要な数百万キロバイトがあります。 ページサイズは時間の経過とともに大きくなる傾向があるため、サーバーをアップグレードする必要があります。
7.トランザクションを完了する時間
プロセスには通常、複数のページにわたる複数のステップが含まれるため、ユーザーが特定のトランザクションを完了するのにかかる時間を計算することは困難です。 Webサイト監視サービスは、開発者がそのような目的のために一連のモックアップを実行できるため、便利です。
8.対話にかかる時間
ユーザーは通常、ウェブページの読み込みが完了する前でも、スクロールしてクリックし始めます。 訪問者がアプリケーションを使い始めるポイントに絞り込むことで、ユーザーエクスペリエンス（UX）を判断できます。 JavaScriptイベントとハンドラーの助けを借りて、Webページのデッドスポットを見つけ出し、ユーザーからの注意が最小限に抑えられているアイテムを取り除くことを検討できます。
あなたのウェブサイトの速度を上げる方法
新しいウェブサイトの所有者のウェブパフォーマンスに関しては、サイトの各ページの読み込みにかかる時間に影響を与える要因がたくさんあります。 幸いなことに、速度を上げてユーザーエクスペリエンスを向上させるために実行できるさまざまな手順があります。 次のベストプラクティスを利用して、読み込み時間を短縮し、サイトのパフォーマンスを向上させます。
- 圧縮を有効にする
- CSS、JavaScript、およびHTMLを縮小する
- リダイレクトを減らす
- レンダリングをブロックするJavaScriptを排除する
- JavaScriptファイルとCSSファイルに非同期読み込みを使用する
- ブラウザのキャッシュを活用する
- サーバーの応答時間を改善する
- JavaScriptの読み込みを延期する
1.圧縮を有効にする
ページ上の最適化手法はいくつかありますが、最も重要な要素はファイルサイズです。 あなたのウェブサイトがどんなに優れていても、あなたのファイルがかさばって大きいならば、あなたはイライラするロード時間を経験するでしょう。
基本的に、このGoogleサイトのパフォーマンス手法は、画像、ドキュメント、音声ファイルなどのファイルを圧縮状態に縮小します。 圧縮により、Webページを表示するために完了する必要のあるタスクの数が減るため、Webサイトはすべてのファイルにすばやくアクセスしてロードできます。 PhotoshopやCanvaなどのアプリやウェブサイトを使用している場合は、ファイルを最小サイズに縮小してください。次に例を示します。
秘訣は、読み込み時間を妨げる不要な要素を排除することです。 圧縮は、レンダリング時間の短縮にも役立ちます。
カラフルで派手なJPEG画像は非常に大きく、適切に圧縮されていないと、Webサイトの速度が低下します。 70kbに圧縮することで、この災害を防ぐことができます。
品質を犠牲にすることなくサイズを縮小する画像コンプレッサーがオンラインにたくさんあります。 次の方法でファイルを圧縮することもできます。
- CSSファイルとセレクターのグループ化
- HTMLコードの空白を削除する
- あなたのウェブサイトファイルを圧縮する
2. CSS、JavaScript、およびHTMLの縮小
縮小化とは、すべてのスクリプトファイルとWebページのコードとマークアップを削減するプロセスです。 このグーグルサイトのパフォーマンス方法は、ウェブサイトの読み込み時間と帯域幅の使用量を減らすのに役立ちます。
縮小化により、サイトの速度とアクセシビリティが自動的に向上し、ユーザーエクスペリエンスが向上します。 CSSとJavaScriptは、次の方法で縮小できます。
- 縮小するコードを決定し、読みやすさの向上以外の目的を果たさない文字を削除します。
- WordPressを使用している場合は、すべてのコードを[エディター]セクションに統合します。
- 圧縮したコードをCSSミニファイアに投稿し、[ミニファイ]をクリックします。
- PageSpeed Insightsで実行して、ミニファイをテストします。
- 作業のバックアップを作成します。
3.リダイレクトを減らします
リダイレクトは、訪問者をWebサイトの適切なページにリンクするチャネルです。 ただし、適切なGoogleページの最適化戦略がないと、プロセスによってページの読み込みが本来よりも遅くなります。 ウェブサイトのトラフィックを改善しようとしている中小企業の所有者はリダイレクトに依存していますが、彼らはそれらをトーンダウンすることを忘れないでください。
訪問者を複数のページに誘導するのではなく、ビジネスオーナーは訪問者に自分のWebサイトへの直接ルートを提供することを目指す必要があります。 次の場合、リダイレクトを減らすことができます。
- リダイレクトのあるページへのリンクは避けてください。複数のリダイレクトにつながるだけで、訪問者はイライラします。
- 不要なリダイレクトが発生する可能性があるため、不要なプラグインをクリアしてください。
- Webサイトをスキャンして、不要になったページにリンクしている古いリダイレクトを探します。
4.レンダリングをブロックするJavaScriptを削除します
Webサイトの読み込みが開始されるたびに、キュー内のさまざまなスクリプトに呼び出しが送信されます。 キュー内のスクリプト（レンダリングをブロックするJavaScriptおよびCSSファイル）の数によって、Webサイトが応答するのにかかる時間が決まります。
ほとんどの場合、これらのスクリプトの一部は、Webサイトが最適に実行されるために必要ではありません。 秘訣は、冗長なファイルを取り除くことができるようにプライマリファイルを識別することです。 グーグルページ最適化技術の助けを借りて、あなたは単にあなたのURLを入力することによってあなたのページを遅くしているスクリプトを特定することができます。
レンダリングをブロックするJavaScriptは、次の方法で削除できます。
- CSSとJavaScriptを縮小し、コード内のすべての空白と冗長なコメントを削除します。
- JavaScriptとCSSを組み合わせる
（画像クレジット：HubSpotブログ）
5.JavaScriptファイルとCSSファイルの非同期読み込みに依存する
あなたがパフォーマンスサイトの最適化に苦労しているなら、最も重要です。 ブラウザがスクリプトを検出すると、そのページが完全に読み込まれるまで、他の要素の読み込みを停止します。
非同期ロードにより、多数のファイルを同時にロードできるため、Webサイトのパフォーマンスが向上します。 非同期でファイルをロードすると、Webサイトの速度が大幅に向上します。 したがって、遅いスクリプトをロードする場合でも、Webページは待つことなくレンダリングできます。
ただし、最初のページを同期的にロードする必要があります。 複数のスクリプトを一度にロードできるように、フリーズしたページのブロックを解除して非同期スクリプトを導入します。
非同期ファイルを使用して以下をロードできます。
- JavaScriptやCSSなどの重いファイル
- GoogleAdSenseやGoogleAnalyticsなどの大規模な顧客ベースを持つウェブサイト
- Pinterest、Facebook、Twitterなどのソーシャルメディアプラットフォーム
この記事がお役に立てば幸いです。
サイトの状態についてもっと興味深いことを知りたい場合は、個人的な推奨事項やアラートを取得し、DiibでWebサイトをスキャンしてください。 たった60秒です。
6.ブラウザのキャッシュを活用する
サイト開発のパフォーマンスを向上させようとしているビジネスオーナーは、業界の最新のイノベーションを活用する必要があります。 ブラウザのキャッシュには、ユーザーがWebサイトを表示するために必要な情報（データ、画像、およびHTML）が保存されます。 キャッシュがこの情報を保存すると、Webサイトが遅延することなく自動的に読み込まれるようになります。 プラグインまたはhtaccessでブラウザのキャッシュを活用する方法を学ぶことで、Webサイトのパフォーマンスを向上させることができます。 これには、ウェブホストのファイルマネージャーにアクセスすることが含まれます。
ブラウザのキャッシュは、顧客がサイト内を簡単に移動できるようにし、クリックしやすいため、Webサイトにユーザーを維持するのに役立ちます。 次の場合は、ブラウザのキャッチを活用できます。
- ファイルマネージャを開き、public_htmlディレクトリにアクセスします
- htaccessファイルをダブルクリックして、コードを挿入します（Web開発者が設計）
- 変更を保存します（新しいコードは1年後に期限切れになります）
7.サーバーの応答時間を改善する
最適なパフォーマンスのサイトを探している場合、Web開発者は読み込み時間を短縮する正しい方法を見つける必要があります。 サーバーがクライアントの要求に応答するのにかかる時間であるサーバー応答時間は、TTFBによって測定されます。 TTFBは、Time toFirstByteの略です。 サーバーの応答時間を短縮することは、すべてのWebサイト所有者とSEO専門家の主要な目標でなければなりません。 TTFBが高いと、Webサイトが遅くなります。 Googleは、サーバーの応答時間を短縮するためにPageSpeedInsightsツールを開発しました。 次の方法でサーバーの応答時間を改善できます。
- 顧客のニーズに応え、無料のWebホスティングサービスを回避する高速サーバーに投資することにより、信頼性が高く高速なWebホスティングサービスを使用します。
- コンテンツ配信ネットワーク（CDN）を使用して、すべてのユーザーにデータを高速に配信します。 迅速な配布のために、世界中のサーバーに投資しているサービスプロバイダーが必要です。
- データベースを最適化して、Webサイトが迅速に応答できるようにします。 Web開発者は、遅れているデータベースを特定し、それに応じて最適化することができます。
8.JavaScriptの読み込みを延期する
パフォーマンスに関しては、Web開発者は多くのことを考慮に入れています。
JavaScriptは、HTMLと連携するスクリプト言語です。 JavaScriptは、動的コンテンツをWebページで実行できるようにするために重要です。 JavaScriptは非常に重いため、スタンドアロンツールとして設計されています。
JavaScriptファイルを延期すると、プライマリHTMLファイルが読み込まれるまでJavaScriptファイルが読み込まれないようになります。 JavaScriptなどの大きなファイルを延期すると、残りのコンテンツを遅滞なく読み込むことができます。
JavaScriptの読み込みを延期するには、次の方法があります。
- ドキュメント全体をロードするコードを作成するようにWeb開発者に依頼する（defer.js）
- コードをコピーしてHTMLファイルに貼り付けます
- Load JSFilesDeferredの横にあるボックスにチェックマークを付ける
- ページ上の他のすべての準備が整うまで、大きなファイルにレンダリングを遅らせるように強制する
Diib：強化されたWebパフォーマンスを高速化！
高速なウェブサイトが高い顧客満足度と高い売上高のコンバージョンを促進することは間違いありません。 率直に言って、サイトの訪問者を高い割合で購入者に変えていない場合でも、平均以下のバケットリストにとどまっています。 Diib Digitalがあれば、求めている機能強化と変換を簡単に確認できます。 ユーザーダッシュボードの機能の一部を以下に示します。
- Webサイトのパフォーマンスを向上させるように設計されたカスタマイズされた目標
- ドメインオーソリティのその他の技術的なSEOの問題について通知するアラート
- あなたがバックリンクを持っている壊れたページ（404チェッカー）
- キーワード、バックリンク、およびインデックスの監視および追跡ツール
- ユーザーエクスペリエンスとモバイル速度の最適化
- バウンス率の監視
- ポストパフォーマンス
無料スキャンについてはここをクリックするか、800-303-3510に電話して、成長の専門家の1人に相談してください。