Speed Kills: Web サイトの速度とパフォーマンスを監査して改善する方法
公開: 2017-10-17これで、WordPress サイトで SEO とコンバージョンの最適化をすべて完了しました。
バックリンクを獲得し、コンテンツが優れており、ページが最適化され、レビューが寄せられ、魅力的な CTA があり、正確なビジネス リスティングがたくさんあります。 あなたのウェブサイトは素晴らしいです。 まさに芸術品!
…が、針が動かない。 なんで? 説明はあなたが思っているよりも簡単かもしれません。 あなたのサイトはおそらく遅いです。
サイトの速度が遅いことは、実際には非常に一般的です。 ここ Vendasta のチームでさえ、この問題を直接経験しています。 しばらくの間、サイトの速度の問題と闘ってきましたが、進歩を遂げました...しかし、それについては後で詳しく説明します.
この問題は、マーケティング担当者やマーケティング代理店の間で常に見られます。 私たちは「それを理解する」ことになっていて、ウェブサイトのページ速度の最適化などのベストプラクティスを早期に採用することになっています. しかし、Google の PageSpeed Insights Tool は、SEO に最適化されたコンテンツ満載の豪華な Web サイトの多くについて、そうではないと述べています。
私たちは皆、より良くする必要があります。
それがあなたが今これを読んでいる理由です。
目次
ページ速度とは何ですか?
ページ速度とスコアを決定する方法
ページ速度が重要な理由
1.スピードキルUX
2.スピードはSEOを殺す
3. スピードはコンバージョンを殺す
ウェブサイトの読み込みを速くするにはどうすればよいですか? 8つの戦術
4 サイト速度のケーススタディ
監査とサイト速度の最適化を行う方法
1.結果をチャート化するためのベースラインを取得する
2. 8 つのステップを実行する
3. 必要に応じて助けを求める
4. 今後もサイトの速度を維持する
サイトの速度を活用して売り上げを伸ばす方法
ページ速度とは何ですか?
ページ速度は、Web サイトのページのコンテンツが完全に読み込まれるまでにかかる時間です。 人々が瞬時の結果を期待するようになった世界では、速いほど良い.
実際、Akamai と Gomez.com が行った調査によると、Web ユーザーのほぼ半数がサイトの読み込みに 2 秒以内を期待しており、3 秒以内に読み込まれないサイトを放棄する傾向があります。
関連資料: Web サイトの 58 の不気味な統計
したがって、平均的な訪問者が許容できる最小速度は 3 秒です。 典型的なウェブサイトはタスクをこなしていますか? Pingdom は自社のクライアントをデータ ソースとして使用し、その答えは圧倒的に NO であることがわかりました。
Pingdom のクライアントでは、3Mb の Web ページの平均読み込み時間は 5 秒でした。 遅すぎる。
多くの人がページの読み込み時間に使用している基準は、Geoff Kenyon が Web サイトの速度を Web の他の部分と比較して行った調査に基づいています。
- サイトが 5 秒で読み込まれる場合、ウェブの約 25% よりも高速です。
- サイトが 2.9 秒で読み込まれる場合、ウェブの約 50% よりも高速です。
- サイトが 1.7 秒で読み込まれる場合、ウェブの約 75% よりも高速です。
- サイトが 0.8 秒で読み込まれる場合、ウェブの約 94% よりも高速です
では、あなたのウェブサイトがどのように積み上げられているかをどのように判断できますか?
ページ速度とスコアを決定する方法
上記で説明した現在のユーザーの期待に対して、あなたのウェブサイトがどのように対応しているかを測定する方法は次のとおりです。
- ウェブサイトの Google アナリティクスのサイト速度レポートにアクセスします。 これにより、さまざまな期間におけるサイトのパフォーマンスと、各ページの読み込み速度を把握できます。
- サイトの URL を Google の PageSpeed Insights Tool に入力します。 これにより、モバイル デバイスとデスクトップでの Web サイトの速度パフォーマンスに関するレポート カードが得られます。 レポートには、サイトの速度を改善するために実行できる推奨アクションがいくつか含まれています。
- Pingdom の Web サイトの速度テストをチェックして、Pingdom がテストした Web サイトの平均よりも速度、ランク、およびパーセントを確認します
- GTMetrix は、サイトの速度最適化ステータスを包括的に表示します。
注: Pingdom と Gtmetrix で異なる速度のタイミングが表示されても、困惑しないでください。 Pingdom は読み込み時間 (Web サイトの最初の結果を表示するのにかかる時間 - これは Google がカウントする時間であり、あなたもそうすべきです) を表示し、GTmetrix は完全な読み込み時間 (ページがいっぱいでページ全体を表示するのにかかる時間) を表示します。機能が実行されています)。 さらに理解を深めるために、両方のツールのスピード ウォーターフォールを確認することをお勧めします。
サイト速度の監査 (以下で詳しく説明します) の一環として、これらのツールを使用して最適化の進行状況を追跡します。
関連資料: WordPress モバイルサイトを高速化する方法
ページ速度が重要な理由
ユーザーの期待 (2 秒) と Web サイトの平均読み込み時間 (5 秒) の間のギャップを埋めることが、ページ速度の最適化の目標であり、後で概説する戦術です。 しかし、なぜページ速度が重要なのでしょうか? それは、相互に関連する 3 つの主な理由に帰着します。
1.スピードキルUX
Web サイトの速度を気にする必要がある最も重要な理由は、おそらくユーザー エクスペリエンスです。
Web サイトの読み込みが遅いことに対する忍耐力はもはやありません。 当初、インターネットに接続するだけでも、もはや存在しない許容範囲が必要でした。
あなたはこの甘い音を覚えるのに十分な年齢ですか?
今日、人々は常にオンラインであり、あなたのページを表示するのに最大 3 秒かかります。 3 秒を超えると、ユーザー エクスペリエンスが低下し、この基準は今後ますます高くなります。
「Web アプリを成功させるための 10 の黄金原則」に関する講演で、起業家でブロガーの Fred Wilson 氏は次のように述べています。
「スピードは最も重要な機能です。 アプリケーションが遅い場合、人々はそれを使用しません。 これは、パワー ユーザーよりもメインストリーム ユーザーに多く見られます。 パワー ユーザーは、非常に高速な Web アプリを構築するという課題に同情的な目を向けることがあると思います。おそらく、彼らは喜んでそれを受け入れてくれるでしょう。世界。 何かが遅い場合、それらはなくなってしまいます。」
これについて考える最も簡単な方法は、Web サイトをどのようにナビゲートするか、およびほとんどのサイトに何を期待するかということです。 そこに座って、遅い読み込み時間を許容しますか? 読み込みに永遠にかかる Web サイトの印象は?
関連資料: 中小企業の Web サイトを作成する初心者向けの 10 ステップ ガイド
2.スピードはSEOを殺す
ユーザー エクスペリエンスは、サイトの速度が SEO に与える影響の背後にある原動力です。
Yoast の Edwin Toonen は次のように説明しています。
「Google の最新の調査によると、ページの読み込み時間が 1 秒から 3 秒になると、直帰の可能性が 32% 増加します。 1 秒から 5 秒で確率は 90% に増加し、サイトの読み込みに最大 10 秒かかる場合、直帰の確率は 123% に増加します。 信じられない。 検索エンジンにとって、より良い結果とパフォーマンスは、顧客を喜ばせる健全なサイトの兆候であり、したがってより高いランキングで報われるべきです。」
Google は遅いウェブサイトがランキングの降格を受けるかどうかを公式に明らかにするのに時間がかかりましたが、その日が来ているようです. Web サイトと管理する Web サイトの準備が整っていることを確認する必要があります。
3. スピードはコンバージョンを殺す
サイトの速度がコンバージョンに与える影響は、本当に注意を引く必要があります。 各ステップが永遠に続く場合、どうすればファネルを介して人々を移動させることができますか? あなたのスーパーファンはそれをしますが、購入を後悔しがちな新しいためらう人々は跳ね返ります.
たとえば、SOASTA は最近、かなりの量 (450 万セッション) のモバイル トラフィックを享受している大手オンライン小売業者である mPulse の顧客の 1 人について調査を行いました。
主な調査結果は次のとおりです。
- コンバージョンに関しては、パフォーマンスのスイート スポットは 2.4 秒でした
- わずか 1 秒速いページのコンバージョン率が 27% 増加
- 4.2 秒で、平均コンバージョン率は 1% を下回りました
- 6 秒を過ぎると、モバイル コンバージョン率は頭打ちになり始めます。
画像ソース: SOASTA
その意味は非常に明確です。 ページの読み込み時間が遅いと、コンバージョン率が低下します。 したがって、Sherlock 風の演繹的推論は、サイトの速度を上げることに焦点を合わせれば、コンバージョン率が上がるはずだということを示しています!
それが実現できるか見てみましょう。
ウェブサイトの読み込みを速くするにはどうすればよいですか? 8つの戦術
サイトの高速化は必ずしも簡単ではありません。 小規模で軽量なサイトの場合は、このリストにあるいくつかの戦術を試すだけで十分です。
ただし、多くのコードとコンテンツを含む大規模で古いサイトでは、ある程度の永続性と、次のリストにあるいくつかの戦術の実装が必要になる場合があります。
開始する場所は次のとおりです。
1. ブラウザのキャッシュを活用する:
サイトにアクセスすると、ブラウザーはサイトのページをキャッシュして読み込み時間を短縮することがよくあります。
ブラウザー キャッシュは、ユーザーが Web ページにアクセスしたときに Web ページのリソース ファイルをローカル コンピューターに保存するため、ブラウザー キャッシュを利用することは、リソースの処理方法をブラウザーに指示することです。
サーバーからの応答にキャッシュ ヘッダーが含まれていない場合、またはリソースが短時間だけキャッシュされるように指定されている場合、速度が低下する可能性があります。
キャッシュを利用すると、繰り返し訪問者がページを読み込むのがはるかに速くなり、同じリソースを共有する他のページも同様に読み込まれます.
注: SEO コンテンツ ストラテジストのMaddy Osman は次のように述べています。 ウェブサイトを壊さないように設定するには、専門家の手が必要です。」
方法は次のとおりです
2. 画像を最適化します。
画像の読み込みが速ければ、サイトの読み込みも速くなります。 Google は次のように述べています。 その結果、画像を最適化すると、多くの場合、最大のバイト節約とパフォーマンスの向上が得られます。」
これは、ページ上の画像を最適化して、視覚的な品質に大きな影響を与えることなくファイル サイズを縮小できる場合に、大きな改善が得られることを意味します。
方法は次のとおりです
3. HTML、CSS、JavaScript を縮小します。
縮小すると、コードの実行に不要な不要な文字が削除されます。
削除できる冗長データのソースには、コードのコメントと書式設定、未使用のコードの削除、短い変数名と関数名の使用などが含まれます。
方法は次のとおりです
4. gzip 圧縮を有効にします。
Gzip 圧縮により、誰かが Web サイトにアクセスしたときにサーバーから送信されるファイルのサイズが大幅に削減されます。 これにより、処理が大幅に高速化されます。
GTMetrixによると、
「gzip が Web 環境でうまく機能する理由は、CSS ファイルと HTML ファイルが多くの繰り返しテキストを使用し、大量の空白があるためです。 gzip は一般的な文字列を圧縮するため、ページとスタイル シートのサイズを最大 70% 削減できます。」
方法は次のとおりです
5. サーバーの応答時間を短縮します。
サーバーの応答時間は、Web サーバーがブラウザーからの要求に応答するのにかかる時間です。 これは対処すべき重要な問題です。サーバーの応答時間が遅いと、ページの速度がどれほど最適化されていても、ページの表示が遅くなるためです。
Google は、サーバーの応答時間を 200 ミリ秒未満に短縮する必要があると述べています。 では、これを実現するにはどうすればよいでしょうか。
方法は次のとおりです
6. ランディング ページのリダイレクトを避ける:
特定の URL から最終的なランディング ページへのリダイレクトが複数あると、サイトの速度が大幅に低下する可能性があります。 これにより、処理に時間がかかるリダイレクト ループが発生します。
動作を遅くする可能性のあるリダイレクトの例をいくつか示します。
example.com → m.example.com/home - モバイル ユーザーに対する複数往復のペナルティ。
example.com → www.example.com → m.example.com - 非常に遅いモバイル エクスペリエンス。
方法は次のとおりです
7. 目に見えるコンテンツを優先する:
これは、ページのスクロールせずに見えるコンテンツをレンダリングするために追加のネットワーク ラウンド トリップが必要な場合に、Google の PageSpeed ツールから得られる正確なメッセージです。
この「スクロールせずに見える」コンテンツは、ページにアクセスしたときにデスクトップまたはデバイスに表示されるものです。 したがって、目に見えるコンテンツに優先順位を付けるということは、ページの重要な要素がユーザーに対して最初に (そして迅速に) 読み込まれるように優先順位を付け、ソーシャル共有プラグイン、分析 JavaScript などの二次的なページ要素を延期することをお勧めします.
方法は次のとおりです
8. スクロールせずに見えるコンテンツで、レンダリングをブロックする JavaScript と CSS を削除します。
JavaScript および CSS リソースが原因で、完全に読み込まれるまでページが表示されないことがよくあります。 スクロールせずに見えるコンテンツを時期尚早に表示するとかなりグロテスクに見える可能性があるため、これは多くの場合良い考えです。
ただし、これはサイトの速度に関して Google からよく寄せられるメッセージであり、この問題に対処することでページの速度を数段階向上させることができます。
方法は次のとおりです
注:これは、ほとんどの人にとって修正が最も難しいことです。 それを行うだけのワードプレスプラグインがありますが、ロードするたびにサイトをフランケンシュタインのように見せることができます.
ケーススタディ: Vendasta のブログの高速化
Vendasta のモバイル速度は 44/100 (更新: 3 か月後には 77/100 です!)、デスクトップ速度は 60/100 ですが、私はサイトの速度についてこの記事を書いています。
私を信じてください、私はここでストリートの信用について質問があるかもしれないことを知っています. しかし、Google のインサイト ツールが教えてくれる以上のことが私たちの話にはあります。
Vendasta では、サイトの速度を向上させるために多くの作業を行ってきましたが、まだ目標に達していないことは明らかです。 私たちは実際に多くの改善を行ってきましたが、大量のコンテンツを含む大規模なサイトを所有しているため、モバイルとデスクトップの両方で 80/100 という目標にはまだ達していません。
ただし、サイトの速度に苦しんでいるのは私たちだけではありません! 有名なウェブサイトの多くは、私たちと同じ課題を共有しています。 実際、HubSpot でさえ、Google の PageSpeed Insights ツールによると、サイトのパフォーマンスを改善するためにやるべきことがあります。

これは、HubSpot の「発砲」コールアウトではありません (敬意を表します!)。サイトの速度を改善することはプロにとっても課題であり、私たち全員が改善する必要があることを説明するための例としてのみ使用しています。次世代のインターネット ユーザーの要求に応えます。 このツールを使用してお気に入りのサイトをいくつか実行すると、私の言いたいことがわかるでしょう。
上で述べたように、スピードアップのために行うすべての改善は、指数関数的な結果をもたらす可能性があります。
Vendasta のマーケティング テクノロジストである Adam Bissonnet 氏は次のように述べています。
「私たちにとっての大きな変化はサーバー側のものでした。私たちはワードプレス Web サイトを AppEngine で実行しているというユニークな立場にあり (誰もこれを行っていません)、大きなパフォーマンスの向上は AppEngine Standard からベータ版の AppEngine Flex に切り替えたことです。また、変更も変更しました。 PHP のバージョンを 5 から 7 に変更したことも大いに役立ちました. php を更新すると、特定のプラグインが機能しなくなるという独自の問題が発生し、そのフォールアウトに 1、2 か月間対処する必要がありましたが、失われた機能よりも速度の方が重要でした。 ."
ここから学べることは、特定の状況に最適なソリューションを見つけることが重要だということです。 ここでは触れていない、あなたのサイトに大きな影響を与える戦術が見つかるかもしれません!
2016 年 5 月にサイト速度の向上に向けた取り組みを開始してからのブログの成長をご覧ください。
これらの改善は、その後のすべての Vendasta コンテンツ イニシアチブの土台を整えました。 それ以来、私たちは詳細で質の高いコンテンツを大量に制作することに注力してきました。 同時のサイト速度の改善がなければ、分析のスクリーンショットが表示するトラフィックの急増が見られる可能性は低いです.
サイトの速度を最適化し、ユーザーエクスペリエンスを向上させ続けることで、パフォーマンスは向上するだけです!
重要なポイント: Web サイトで成長を経験するために 100 点満点を取る必要はありません。
40/100 の場合は、時間が許す限りいくつかの改善を行い、60/100 を目指します。 すぐに 100/100 を狙って燃え尽きないでください。
ケーススタディ: iHeartRaves
iHeartRaves は、フェスティバル ファッションの世界的リーダーであり、その使命は、個々の創造性を刺激し、自己表現を強化することです。 他の 2 つの姉妹ブランドを合わせると、Shopify ストアは年間 2,000 万ドルの収益を上げており、4 年連続で Inc. 5000 に掲載されています。
e コマース サイトとして、iHeartRaves は Web サイトの速度とパフォーマンスの低さによる経済的影響を明確に認識しています。
iHeartRaves のデジタル マーケティング ストラテジストである Brandon Chopp 氏は、次のように語っています。
「e コマース ブランドとして、サイトの速度が非常に速いことに気付きました。 コンバージョンについて考えるとき、行動を促すフレーズを通じてユーザーに何かをクリックさせる最善の方法を考えています。 問題の真実は、より速いウェブサイトが常に勝つということです. サイトが高速であるほど、ユーザーがコンバージョンする可能性が高くなります。」
ブランドンは、ビジネスが収益成長の目標を達成できるようにするには、サイトの速度を改善する必要があることを知っていました。 彼は次の戦術を使用して、iHeartRaves の速度向上に取り組みました。
- 画像の最適化:モバイル サイトの読み込みを高速化するために、Crush.pics という Shopify アプリを使用しています。 これにより、画質を維持しながら、すべての画像がサイトの速度に合わせて最適化されます。
- コードの縮小:呼び出されるスクリプトの総数を削減しながら、すべてのリキッド コードと優先度の高いスクリプトの読み込み順序を縮小するための措置も講じました。
- ページ上のアセットのクリーンアップ:一部のページの不要なアセットを削除し、他のページの画像アセットを削減することで、サイトの読み込み時間も短縮できました。 私たちは e コマース サイトであるため、スピードとコンテンツのバランスをとろうとしています。 お客様の優れたユーザー エクスペリエンスを維持しながら、画質が当社の基準を満たしていることを確認することは、当社にとって非常に重要です。
これらの更新により、ページの読み込み速度と直帰率の結果が大幅に改善されました。 . 「当初は 40.34% でしたが、現在は 34% に下がっています。」
これらの改善は、iHeartRaves の具体的な財務結果にも反映されています。 「サイトの速度が低下したおかげでコンバージョン率が年々増加したため、高速なモバイル サイトを持つ Google の恩恵を受けています。 顧客のユーザー エクスペリエンスを最優先することで、顧客を維持し、あらゆる場所でより簡単なショッピング エクスペリエンスを実現することができました。」
重要なポイント:速度とユーザー エクスペリエンスは密接に関係していることを覚えておくことが重要です。
この 2 つを組み合わせると、すべてを支配する 1 つの指標であるコンバージョンの改善につながる可能性があります。
ケーススタディ: Jubaer の 6 秒と 40 ポイントの改善
Vendasta 自身の SEO スペシャリストである Jubaer Prodhan は、自分のサイトで Google の Pagespeed Insight Tool を使用していくつかの素晴らしい結果を得た事例を共有しました。
Jubaer 氏は次のように述べています。「私の場合、ロード時間が 8 秒を超え、GPI (Google PageSpeed Insight) スコアが 43 のワードプレス Web サイトがあります。サイトの速度を改善するために次のことを行いました。」:
- 画像の最適化:正しく行うと、ページ サイズと速度を大幅に削減できます。 私の場合、ページサイズは 3MB から 1.6MB に減少しました。 使用プラグイン:ShortPixel Image Optimizer(このツールでも画像を最適化できます)
- コードの縮小:多くの場合、さまざまなニーズに合わせて複数のワードプレス プラグインを使用します。 それらのほとんどが余分な CSS/HTML/Javascript をサイトに追加していることに気付いていません。 これにより、読み込み時間とブラウザ リクエストが増加します。 縮小 (余分な行やコードの削除) は、これに対する簡単な解決策です。 使用プラグイン: Autooptimize
- ブラウザ キャッシュ:ブラウザ キャッシュの使用は、主要なツールのほとんどで推奨されています。 また、帯域幅、再訪問者の読み込み時間、およびその他の多くの便利なことを削減します。 使用プラグイン:WP Fastest Cache
Jubaer のサイトは 1.9 秒で読み込まれ、GPI スコアは 83 です! これは、8 秒と GPI スコア 43 からのかなりの改善です。
重要ポイント:小規模な Web サイトでは、いくつかの重要な変更を行うだけで速度が大幅に向上します。
次の戦術に進む前に、Jubaer のリストに沿って作業を開始し、どのような結果が得られるかを確認してください。
関連資料: 7 つの WordPress SEO プラグイン: 新しいローカル スタック
ケーススタディ: ある企業が Google の PageSpeed ツールで 100/100 を達成した方法
100/100 を取得することは、サイトが可能な限り速度を最適化されていることを示しています。 それは究極の目標であり、私が話をしたある企業は、そこに到達するのに役立ついくつかの内部戦術を説明しました.
イリノイ州シカゴにある 4,000 万ドルの販促製品販売業者である Quality Logo Products の共同所有者/創設者である Bret Bonnet 氏。 説明し、
「ページの速度は、私たちの組織の主要な焦点です。 非常にマイナーですが、それでもランキングのシグナルです。 調査によると、ページの速度がコンバージョンのパフォーマンスに劇的な影響を与える可能性があります。 Web サイトの読み込み時間を改善する最も効果的な方法は、CSS/JS を読み込む前に「スクロールせずに見える」コンテンツを完全に表示できるように、アセットの読み込みを行うことです。 「スクロールせずに見える」コンテンツの読み込みを最適化しないと、全体的な Google Page Speed Insights スコアが 10 ポイント減点される可能性があります。」
[clickToTweet tweet="スクロールせずに見えるコンテンツの読み込みを最適化しないと、全体的な Google #PageSpeed Insights スコアから 10 ポイント減点される可能性があります。" quote="スクロールせずに見えるコンテンツの読み込みを最適化しないと、全体的な Google #PageSpeed Insights スコアから 10 ポイント減点される可能性があります。"]
この 10 ポイントの減点は、スクロールせずに見えるコンテンツの最適化がいかに重要であるかを Google が信じていることを示しています。 ブレットが次に説明するのは、驚くべき逆説的なことです。
「資産管理に加えて、Google AdWords や Google アナリティクスなどの一般的なトラッキング コードをソース コードに含む Web サイトでは、完璧なスコアを達成することはできません。 これらの JS ファイルは、Google から直接提供されます。何らかの理由で、Google は独自の品質ガイドラインに従っていません。圧縮されていない状態でブラウザに転送されます。 このお粗末な最適化は、これもまた制御不能ですが、完全に Google の側にあり、最大 5 ポイントの損害を与える可能性があります。」
Quality Logo Products は、次の戦術を使用して物事をスピードアップし、100/100 を達成することができました。
「これを克服するために、Google がクロールする IP とこれらのツールのソース IP をログに記録し、トラッキング コードがインストールされていないページの Google バージョンをサーバーに意図的に提供させています。 奇妙な話ですが、Google は Google Page Speed Insight のスコアを下げています。 それを克服するために、Google 独自の最適化されていないコードを意図的に提供しないようにした結果、ページ速度スコアが平均で 5 ポイント向上しました。」
重要ポイント: 100/100 のスコアが達成可能です!
Google 自身の製品がこれほどまでに速度を低下させるのは困惑させられますが、このケース スタディの回避策が役立つはずです。
監査とサイト速度の最適化を行う方法
1.結果をチャート化するためのベースラインを取得する
監査と最適化のプロセスの最初のステップは、いくつかの指標でサイトが現在どこにあるのかをベースラインで確認することです。
開始点を記録すると、最適化の取り組みの成功をよりよく追跡できます。 何らかの方法で Web サイトをスピードアップのために最適化するときはいつでも、これらの同じ指標に対して進捗状況を記録してください。
追跡する必要があるのは次のとおりです。
- サイトの読み込み時間: Google アナリティクス レポートの [メニュー] → [行動] → [サイトの速度] → [概要] (および個々のページを表示するには [ページのタイミング]) に移動します。 サイト ページの平均読み込み時間と、追跡したい主要なページを記録します。 上記の Pingdom および GTMetrix ツールも使用できます。
- あなたのウェブサイトの Google PageSpeed スコア:ここをクリックしてウェブサイトの URL を入力し、モバイルとデスクトップのスコアを確認してください。 これらを記録します。
- 直帰率:直帰率が改善するかどうかを確認します。これは、1 ページだけを表示した後にサイトから離れる人が減っていることを示しています。 これは、[動作] → [概要] など、さまざまな場所で表示できます。
- コンバージョン率:改善後、訪問者のコンバージョン率は向上していますか? これは追跡することが重要です! コンバージョン → 目標 → 概要 に移動して、現在のコンバージョン率を表示および記録します。
進行状況をスプレッドシートに記録し、更新ごとに注釈を作成して、Google アナリティクスでウェブサイトへの変更を確実に記録します。
2. 8 つのステップを実行する
監査を開始するのに最適な場所は、Google の PageSpeed Insights ツールが提供する提案です。 まだ 100/100 に達していない場合は、どこから始めればよいかについて Google からのヒントが表示されます。
強調したサイトの速度を改善するための 8 つのステップを実行するには、前述したように、ある程度の時間と忍耐が必要です。
Yoast の SEO エキスパートである Meike Hendriks 氏は次のように述べています。
「ウェブサイトをスピードアップするのは難しいことではありません。多くのウェブサイトには大きすぎる画像があり、簡単に最適化できます。さらに、世界中から訪問者が来るウェブサイトでは、画像が確実に配信されるように CDN を使用する必要があります。 .htaccess ファイルに数行のコードを追加すると、Web サイトを簡単に高速化できます。たとえば、ブラウザのキャッシュと小さいファイルの gzip 圧縮を有効にすると、訪問者のコンピュータにすばやくロードできます。
現実的な目標と期待を設定する必要があります。 Vendasta や Hubspot のように大量の (素晴らしい!) コンテンツを含む大規模で多面的なサイトがある場合、ページ数の少ない小規模で機敏なサイトと同じ目標を達成するには、より多くの時間がかかります。
3. 必要に応じて助けを呼ぶ
ねえ、私たち全員が開発者やデザイナーではありません。 あなたの DIY 開発の努力があなたのサイトを壊したり、治療セッションに近づいている場合は、専門家の助けを借りたいと思うかもしれません.
私たちは皆、技術的な魔法使いを知っていて、うらやましく思っています。 彼らにあなたのためにこれをさせてください!
Digitimatic の Pius Boachie は、サイトの速度の問題を解決するには、フルスタックの開発者が重要であると教えてくれました。
「Google のページ スピード インサイト ツールを打ち負かすことになると、開発者はコードをきれいに保ち、スクロールせずに見えるコンテンツを優先することで大変な作業を行います。経験から、クライアント向けにデザインするときはスピードを重視してデザインするので、Duda のようなウェブサイト ビルダーを選択します。 (高速な製品) または CMS またはスクラッチで構築する (高価) か、経験豊富なフルスタック開発者と共に優れた CDN とホスティング (非常に重要) に投資します。」
ベースライン メトリクスは既に設定されているので、今後の進捗状況と成功を簡単に追跡できます。 クライアントのために複数のサイトで作業している場合は、成功を再現し、機能していないものをすべて停止できるようにする必要があります.
推奨読書: 開発者は不要: ホワイト ラベルの Web サイト ビルダーが必要な理由
4. 今後もサイトの速度を維持する
おそらく、画像の最適化、コードの縮小化、ブラウザーのキャッシュなど、簡単に達成できる成果をいくつかノックアウトして、すぐにいくつかの優れた結果を確認できます。 ただし、目標を達成するには、私が強調した 8 つの戦術を少しずつ実践するには、より持続的な努力が必要になる場合があります。
一度に全部やろうとしないでください! 燃え尽き症候群を避けるために、努力の結果を監視しながら、少しずつ減らす計画を立ててください。
サイトの速度を活用して売り上げを伸ばす方法は次のとおりです
最終的な考え
実際のサイトの速度を改善することは、ブログの投稿に表示されるよりも常に面倒です。 途中でいくつかの課題に直面することになりますが、長期的にはユーザーエクスペリエンス、SEO、およびコンバージョンを改善するため、結果に集中してください.
それが最も重要です。 オンライン ブラウジングの迅速な未来に備えます。
支援が必要な場合は、技術者の友人に電話するか、どのように支援できるかをお知らせください!
共有したい経験やアドバイスがあれば、この投稿のコメント セクションにもお気軽にご連絡ください...