fbpx
Webサイトを高速化するためのベストプラクティス

ウェブサイトを高速化するためのベストプラクティス:2022アップデート

ユーザーとして、私たちは皆、ある時点でこのシナリオに出くわしました-ウェブサイトまたは開くのに長い時間がかかるページ。 それは私たち全員を苛立たせ、サイトをスキップして別の方法を探すようになる典型的な状況です。 ウェブサイトとウェブページはミリ秒単位で応答することを期待しているため、ウェブサイトの速度は非常に重要です。

今、このシナリオは、 ユーザー体験 そしてあなたの組織のブランディング。 入り口のドアが開くまでに永遠にかかる店に行くことを想像してみてください。 それがまさに状況の重要性です。 

したがって、論理は次のとおりです。Webサイトを高速化すると、ビジネスに驚異的な効果をもたらす可能性があります。 Webページの読み込み速度を上げることは、Web上でのプレゼンスにとって非常に重要です。 これについてさらにあなたを納得させることができる多くの調査と統計があります。 

ウェブサイトがダウンしている場合、またはいくつかの問題がある場合でも、ウェブサイトの速度は不可欠です ホスティングサーバー。 これに対するあなたの解決策は、ユーザーエクスペリエンスのコースを作るか、壊すことができます。 もちろん、サーバーの速度やユーザーのインターネットの速度よりも速くすることはできませんが、顧客に適切な第一印象を与えることが第一であり、ウェブサイトの速度はあなたにぴったりです。

あなたのウェブサイトの速度はあなたのビジネスにどのように影響しますか?

XNUMX秒の遅延でもビジネスに大きな影響を与える可能性があることをご存知ですか? ページの読み込みが遅れると、顧客満足度が大幅に低下する可能性があり、さらにあなたのサイトに深刻な影響を与える可能性があります コンバージョン率。 ウェブサイトでの経験に一度がっかりした顧客が再び戻ってくることはまずありません。 

Googleはあなたにペナルティを課し、それはあなたのSEOに影響を与えます

Googleやその他の検索エンジンは、読み込みが遅いとWebサイトを罰します。 さらに重要なのは、ユーザーがWebサイトからの距離を維持することを決定することです。 ユーザーはあなたのサイトを避け、訪問した他の人は数秒以内に跳ね返り、最悪の場合、あなたのウェブサイトから購入しないことを決定します。 あなたのWebプレゼンスにそのような印象を与えたいと思いませんか? 誰もしません。 

トラフィックとビジネスを失うことのないようにすることを最優先事項とする必要があります。 2017年まで、検索エンジンの結果ページ(SERP)でのランキングは、Webサイトの読み込み速度とはほとんど関係がありませんでした。 それはあなたのウェブサイトがデスクトップで開かれたときだけ重要でした。 ただし、2018年XNUMX月以降、Googleのアルゴリズムには、ランキングの主要な要素のXNUMXつとしてWebサイトの速度が含まれています。 

ウェブサイトの速度

 今日、私たちは携帯電話やタブレットを介してインターネットを閲覧することを好む人々がますます増えています。 このインターネット利用のための携帯電話への移行により、SERPの下で読み込み速度が重要なパラメータになったのは当然のことです。 次のように、Googleのモバイルファーストインデックスはあなたがするための基本を作ります サイトを最適化する ハンドヘルドデバイス用。 

なぜGoogleはモバイルファーストインデックスを選んだのですか? 何よりもまず、検索エンジンの優先事項は、ユーザーエクスペリエンスの品質を向上させることです。 より高速に読み込まれるWebサイトは、ユーザーエクスペリエンスを直接増大させます。 Analyticsは、ページの読み込みが速い場合、ユーザーがページに長く滞在することを示しています。 これらの理由により、Googleはランキング要素にMobile Firstを含めるようになりました。

Googleによってペナルティが課されると、トラフィックが急激に減少します。 Googleは基本的に訪問者があなたのサイトに入るのをブロックしています。 それだけでなく、近づかないように警告することにもなります。 このような状況は、信頼や忠誠心を刺激するものではありません。 

遅いeコマースサイトは収益が少ないことを意味します

スピードは、本質的に重要です eコマースサイト インターネット上で。 商品の表示ページまたは支払いページの読み込みに通常よりも時間がかかる場合、顧客はより速いサイトにバウンスする可能性があります。 

速度が問題になる場合、あなたのビジネスは本当の危険にさらされています。 読み込み速度が遅いということは、顧客がより良いサービスを求めて競合他社に行くだけでなく、イライラしたり激怒したりしてサイトを終了することを意味します。 激烈なグローバル競争のこの時代に、あなたのビジネスはこれを生き残るでしょうか? 

最近の調査では、顧客のほぼ50%が ウェブサイトのセキュリティ面 トランザクション中に速度が遅い場合。 彼らは、クレジットカードや銀行口座に関連する個人情報の安全性に警戒しています。また、速度の問題により、ユーザーの約20%がトランザクションを中止します。 

その場合、速度とパフォーマンスの問題を挙げて、顧客はソーシャルサークル内でWebサイトを推奨しない可能性があります。 口コミ宣伝はこの否定的なブランドイメージを促進する上で大きな役割を果たす可能性があり、それが引き起こす波及効果はビジネスに大きな影響を与える可能性があります。

アマゾンのようなeコマースの巨人も、標準以下のウェブサイトの速度の影響を受ける可能性があります。 専門家は、Amazonのロード時間が1.8秒でも短縮された場合、同社は利益の面で年間XNUMX億ドル近くの損失を被る可能性があると推定しています。 専門家の見解では、ページの読み込みにXNUMX〜XNUMX秒かかる場合は、ページの読み込み速度としては適切であると見なすことができます。 現在、それはわずかに異なる可能性があり、e-comでは速い方が良いと考えられています。 

それはあなたのPPC予算に悪影響を及ぼします

PPC予算に影響を与える ウェブサイトの速度が原因で影響を受ける可能性があるもうXNUMXつの領域は、有料検索です。 Googleは遅い速度をユーザーエクスペリエンスの低下の兆候と見なしているため、Googleのアルゴリズムでの品質スコアはかなり低下しています。 この「品質スコア」の概念はどのようにして関連性が高くなりますか? 

それは規制することです クリックあたりの費用(CPC) SERP(検索エンジン結果ページ)での位置付け。 品質スコアが低く速度が遅いサイトは、キーワードの競争力に関係なく、上位にランクされることはありません。 さらに、品質スコアが低いと、有料広告がまったく表示されない場合もあります。 サイトの速度が予算支出を無効にする可能性があります。 

品質スコアは最上位の指標と考えることができます PPCの計画。 そうして初めて、広告が期待どおりの成果を上げ、それを達成することが保証されます。 品質スコアが高いほど、広告の掲載順位が上がり、クリック単価も下がります。

一言で言えば、速度が速いほど、品質スコアが高くなり、ランキングが高くなり、コストが低くなります!

サイト速度の低下によるその他の悪影響

有料広告

Facebook、Instagram、Twitterなどのすべてのソーシャルメディアプラットフォームは、有料広告に関してはサイトの速度を重要な基準と見なしています。 グーグルと非常によく似て、サイトの速度が良ければ、同じ量の広告費でより良い結果を得るでしょう。 これらのソーシャルメディアプラットフォームは、ユーザーエクスペリエンスの重要性も認識し始めています。 あなたの広告はあなたのウェブサイトの読み込み速度に基づいて優先されます。 

ユーザーエクスペリエンスとコンバージョン

あなたはいつもしたいでしょう あなたのウェブサイトにより多くの訪問者を引き付けます そして、それらの訪問者を大切な顧客に変えようとします。 ここでも、ユーザーエクスペリエンスは重要な基準です。 サイトの速度が良いと、Webサイトの直帰率が低下します。 調査によると、注目のスパンは12秒から8秒に短縮されています。つまり、Webサイトが読み込まれていない場合、訪問者は待機することはありません。 彼らは去り、おそらく二度と戻らないでしょう。 検索エンジンは直帰率の増加を認識し、ウェブサイトが十分ではないと見なします。 検索エンジンのランキングも急激に低下します。 前に述べたように、理想的には、ページをロードするのに3〜4秒以上かかることはありません。 こちらがガイドです 直帰率を減らす 調べることができます。 

直帰率を減らす

あなたのウェブサイトの速度を評価する方法

あなたのウェブサイトの実際の読み込み速度を計算する方法があるかどうか疑問に思っていますか? 答えは「はい」です。 Webサイトの速度の最適化に取り掛かる前に、現在の読み込み時間を確認することをお勧めします。 それをしている間、あなたはまたあなたのウェブサイトを遅くしている要素を特定することができます。

次のステップは、Webサイトで達成したいパフォーマンス目標を設定することです。 たとえば、当社のWebサイトの読み込みにはXNUMX秒かかります。 統計によると、訪問者のXNUMX分のXNUMXがXNUMX秒以内にロードされない場合、Webサイトを放棄するため、これはビジネスに大きな損失をもたらす可能性があります。

これは、Webサイトの速度を5秒改善する必要があることを理解するのに役立ちます。 さらに、ロードに時間がかかりすぎる重い要素を確実に取り除く必要があります。 覚えて、 ミニマルなウェブデザイン 新しいトレンドです。 私たちが住んでいる世界では、少ないほど多く、Webサイトを高速化するためのベストプラクティスのXNUMXつです。

Webサイトの速度を適切なレベルに最適化することが目標である場合は、レイアウト、フォント、タイポグラフィ、コンテンツ、アドオン、およびスクリプトにいくつかの変更を加える必要があります。 完了すると、これにより、市場の他のプレーヤーに対してランキングが大幅に向上します。

それで、あなたはどのようにあなたのウェブサイトの速度を評価しますか? この目的のために、以下のパフォーマンス評価を使用できます。

Google ページスピード インサイト

あなたが最も本物のウェブサイト速度評価ツールのXNUMXつを探しているなら、そして Google ページスピード インサイト Googleによるベストアンサーです。 このツールは、Webサイトのパフォーマンス評価を実行し、Webサイトの速度を低下させている原因についての洞察を提供します。

Google Pagespeed Insightsによる推奨事項を使用して、Webサイトの速度を上げることができます。 このツールには、スマートフォンだけでなくデスクトップコンピューターからもアクセスして使用できます。

Pingdomの

これはおそらくあなたのウェブサイトをスピードテストするための最良のツールのXNUMXつです。 Pingdomの さまざまな便利な機能を提供し、Webサイトのパフォーマンス履歴を追跡します。 それはウェブサイトの読み込み時間を改善する方法についてのあなたの推薦を提供します。

Pingdomアプリを使用すると、AndroidおよびiOSベースのデバイスのWebサイトの速度を評価できます。 このサービスの無料版と有料版の両方を購入できます。

YSlowの

これは、統計を作成し、コンポーネントを要約し、Webサイトの速度を上げるための改善領域を特定するのに役立ちます。

パフォーマンスバジェット計算機

ウェブサイトの速度を評価するのに役立つ別の無料ツールが必要な場合は、 パフォーマンスバジェット計算機 オプションです。 このツールは、最適な速度で実行するためにサイトで使用するコンテンツの種類を特定するのに役立ちます。

どのようにしてあなたのウェブサイトの速度を上げることができますか?

あなたはプロがウェブサイトをスピードアップする必要はありません。 自分で実装できる特定の対策があります。 

ウェブサイトを最新の状態に保つ

ウェブサイトを最新の状態に保つ あなたが使用している場合 WordPressプラットフォーム、その後、テーマとプラグインの面で、すべてが確実に更新されるようにする必要があります。 Webサイトにインストールされているプラ​​グインとテーマは、サイトの速度に影響を与えます。 開発者は、多くの場合、Webサイトにインストールされているプラ​​グインまたはテーマの負荷を軽減するのに役立つ更新をリリースします。 更新をスキップすると、基本的にはサイトの高速化が妨げられます。 更新に関する唯一の問題は、更新がサイトを破壊する傾向があることです。 これを防ぐには、 ワードプレスのステージング ライブサイトで更新を行う前に更新をテストする環境。 

より良いホスティングに移行する 

おそらくあなたはすでに知っているでしょう、あなたが選ぶことができる複数のホスティングサービスがあります。 共有、管理、VPSホスティング は最も人気のあるタイプのホスティングサービスであり、それぞれがWebサイトに異なる影響を与えます。 共有ホスティングでは、ホスティングサーバーを他のウェブサイトと共有しています。 各サイトには、スペースと帯域幅のシェアが割り当てられます。 XNUMXつのWebサイトが必要以上に占有すると、他のWebサイトが影響を受けます。 サイトが遅くなることは、他の誰かがあなたの帯域幅を使い果たしていることを示している可能性があります。 の時間 より良いホスティングプロバイダーを選択してください マネージドおよびVPSホスティングのように。 人気のあるマネージドホスティングプロバイダーには、Kinsta、Pagely、WP Engine、FlyWheelなどがあります。ホスティングプランは、ニーズとWebサイトのサイズによって異なります。

サイトをクリーンアップする(ハッキングされた場合)

多くの場合、ウェブサイトは遅くなります マルウェアに感染した。 あなたのサイトは、通常のプロセスを実行しながら悪意のあるプロセス(スパムメールの送信など)を実行しているため、ハッキングはWebサイトに損害を与えます。 サイトがハッキングされているかどうかを確認するには、まずWebサイトをスキャンしてマルウェアを検出する必要があります。 選択できるセキュリティプラグインはたくさんありますが、必ず独自のサーバーでプロセスを実行するプラグインを使用してください。 そうすれば、セキュリティプラグインがサイトに過負荷をかけることはありません。 スキャンしてマルウェアが検出されたら、サイトをクリーンアップします。 一般に、セキュリティプラグインの所要時間は、数時間から数日です。 これは、遅れるほど危険であることが判明する可能性があり、Googleがハッキングされたサイトを見つけてペナルティを科す可能性が高くなります。 時間に追われている場合は、ボタンをクリックするだけでサイトをクリーンアップする自動マルウェア除去を使用することをお勧めします。 MalCareを与える マルウェアの自動削除 試してみます。 

イメージの最適化 

画像は、ウェブサイトが遅くなる主な理由の20つです。 一般的に、Webページの総重量のXNUMX%は画像によるものです。 全体として、サイトの速度に大きな影響を与えます。 画像の使用をやめるべきではありません。 代わりに、画像のサイズを小さくするなど、特定の対策を講じる必要があります。 JPEGおよびJPG形式は、PNGに比べて軽量になる傾向があるため、使用してください。 Tiny PNG、Compress JPEGなどの画像のサイズを縮小するのに役立つ無料のWebサイトがたくさんあります。ShortPixel、WP Semrushなどを使用して、Webサイトに既にアップロードされている画像を一括で縮小できます。 

イメージの最適化

コンテンツ配信ネットワーク

コンテンツ配信ネットワーク(CDN)は、国または世界中のさまざまな場所に分散されたサーバーのセットを表します。 コンテンツ配信ネットワークの仕事は、ローカルのエンドユーザーにコンテンツを提供することです。

サーバーでWebサイトをホストすると、すべてのユーザーの要求が同じハードウェアに送信されます。 これが、各ユーザーの要求に応答する時間が長くなる理由です。 顧客がサービスを受けるために列に並んでいて、カウンターにサーバーがXNUMXつしかないようなものだと考えてください。

CDNサーバーは、ローカルエンドユーザーに確実にサービスを提供するため、何らかの理由でトラフィックの増加による速度の低下を回避できます。

より少ないプラグインを使用する

プラグインは一般的なWebサイトのコンポーネントですが、これらのサードパーティのコンポーネントはそれぞれWebサイトを重くします。 プラグインが多いほど、Webサイトの読み込みに時間がかかります。 したがって、使用するプラグインの数を減らすか、少なくとも既存のWebサイトの数を減らすことは、Webサイトを高速化するためのベストプラクティスのXNUMXつです。

まず、パフォーマンス評価を実行し、Webサイトのアップロード時間が遅い原因となっているプラ​​グインを特定する必要があります。 答えがわかったら、プラグインを取り除き、Webサイトの速度に目に見える違いがあることを確認してください。

CSSファイルとJavaScriptファイルを減らします

Webサイト上のCSSファイルとJavaScriptファイルが多すぎると、パフォーマンスが低下する可能性もあります。 これらのファイルが多すぎると、訪問者が特定のファイルにアクセスしたいときに、HTTPリクエストの数が増える可能性があります。

CSSファイルとJavaScriptファイルの数を減らすと、Webサイトの速度が大幅に向上します。 さまざまなツールを使用すると、CSS、JavaScript、およびHTMLファイルをすばやく識別して最小化できます。 たとえば、次のようなツールを使用できます スクリプトミニファイア, ウィルピービー, イサキ.

ウェブサイトのキャッシュを活用する

ウェブサイトのキャッシュ あなたがいつもあなたのウェブサイトへの大量のトラフィックを経験しているならば、これはリクエストの過負荷のためにあなたのサーバーの速度を確実に遅くします。 Webサイトのキャッシュを使用できます。これは、Webサイトを更新するまで、Webサイトの最新バージョンをホスティングサーバーに保存するプロセスです。

このように、Webサイトを何度もレンダリングする必要はなく、サーバーはWebサイトの画像をキャッシュにキャプチャして、要求元のユーザーに送信できます。 ただし、Webサイトのキャッシュを使用する方法は、Webサイトが構築されているプラ​​ットフォームのタイプによって異なることを覚えておく必要があります。

たとえば、あなたのウェブサイトはWordPressで構築されています。 この場合、あなたは使用することができます W3スーパーキャッシュ or W3合計キャッシュ Webサイトのキャッシュを有効にするプラグイン。

専用サーバーまたはVPSを使用している場合は、そこにある一般設定でキャッシュを設定することもできます。 一方、共有サーバーを使用している場合、Webサイトのキャッシュサービスは利用できません。

データベースの最適化

データベースを最適化して、Webサイトの速度を効果的に向上させることができます。 複雑なプラグインでCMSを使用し、データベースを増やすと、最終的にWebサイトのパフォーマンスが低下します。 したがって、CMSを最適化し、必要に応じて最小限のプラグインのみを使用する必要があります。

ウェブサイトの速度について、ウェブ開発とデジタルマーケティングの専門家にインタビューしました。 以下がその回答です。

 

Mike Shaw、インターネットマーケティングチームリード タワーマーケティング、言及;

なぜあなたはウェブサイトの速度が重要だと思いますか?

ウェブサイトの速度は、ウェブサイトのランクを上げるためのGoogleの既知の要因です。 Googleは、ユーザーに優れたユーザーエクスペリエンスを提供するために、ウェブサイトをすばやく読み込みたいと考えています。 遅いWebサイトでは、ユーザーが直帰する可能性が高く、そもそもそのトラフィックを獲得するという全体的な目的に反しています。

ウェブサイトの速度を向上させるために、どのコーディング手法、ツール、プラグインを使用していますか?

サイトの速度を向上させるために、私は常にウェブサイトのファイルを圧縮するようにしています。 これにより、サーバーはより小さなサイズのファイルを提供し、読み込みと転送を高速化できます。 ファイルの圧縮に使用する方法はGzipと呼ばれ、通常はWebサーバーで設定されます。

どの速度テストツールを使用するのが好きですか、その理由は何ですか。

Varvy.com.pagespeedは、私のお気に入りのツールです。これは、これらの問題を修正するためのベストプラクティスに関する提案を提供しながら、Webサイトの速度を低下させているファイルを特定するためです。

Bob Buffone、CTO よたた、書き込みます。

なぜあなたはウェブサイトの速度が重要だと思いますか?

今日のハイパーコネクティビティの世界では、何千もの企業がオンラインで顧客の注意を常に求めています。 しかし、あなたはすぐに彼らの注意を引くのが良いでしょう。 調査によると、ページが3秒以内に読み込まれない場合、買い物客の57%が別のサイトに移動します。 XNUMX秒後、XNUMX%が離脱するだけでなく、ブランドに戻ることもありません。 多くの場合、eコマースサイトは、顧客があなたのブランドに与える最初の印象です。 サイトのパフォーマンスが悪いと、直帰率が高くなり、ブランドの消費者に否定的な印象を与えます。 その結果、ウェブページの読み込みが遅いブランドは、コンバージョンを減らし、サイトへのトラフィックを増やすためのマーケティング費用のROIを低下させます。

ウェブサイトの速度を向上させるために、どのコーディング手法、ツール、プラグインを使用していますか?

その方法はたくさんあります Web開発者はWebサイトの速度を向上させることができます Javascript、カスタムコード、HTML、および画像を手動で最適化することにより、それ自体を実現します。 ただし、過去3年間、小売業で最大のブランドのいくつかを最適化した後、自動化プラットフォームを使用する方がWebサイトの速度を向上させるのにより効果的であることがわかりました。 これらのプラットフォームは、毎日何千ものeコマースサイトの問題を解決し、サードパーティのテクノロジーを監視し、無数のユースケースの最適化を作成しています。 Webサイトが直面している問題の原因を突き止めるのではなく、サイトパフォーマンスへの自動化されたアプローチにより、Web開発者は他の戦略的イニシアチブに集中することができます。

どの速度テストツールを使用するのが好きですか、その理由は何ですか。

私たちはしばしばWebPageTestとGhosteryを使用して、 eコマースWebサイト。 これらは、業界全体で広く受け入れられている独立したサードパーティツールです。 Ghosteryは、ライブチャット、パーソナライゼーション、買い物客のレビューなど、サードパーティのテクノロジに関する洞察をWebサイトに提供します。これにより、ページの読み込み時間が大幅に遅れる可能性があります。WebPageTestは、Webサイトが最初のバイトと完全な文書化の時間、さらにはサイトのパフォーマンスの評価も提供します。

 

Jackie Tihanyi、デジタルマーケティングスペシャリスト フィッシャーユニテック 書き込み;

ウェブサイトの速度は重要です 全体的なユーザーエクスペリエンス。 Webページの読み込み時間が長い場合、それらのページの直帰率と離脱率が高くなり、ページの平均時間が短くなります。

Webサイトの速度を最適化するには、Imagifyなどのツールを使用して画像の最適化、WP Fastest Cacheをレンダリング、WP Youtube Lyteをビデオの読み込みに使用することをお勧めします。

私のお気に入りのページ速度ツールのXNUMXつは、GoogleのPageSpeed Insightsです。 このツールは、Webページのコンテンツを分析し、ページを高速化するための提案を生成します。 私が使用したい別のツールはGTmetrixです。 この無料のツールは、Webページを分析し、全体的なスコアと、ページの読み込みを高速化するための最適化を提供します。

 

結論

私たちはみんなでウェブサイトを開発しています 少なくともマーケティング。 あなたがeコマースビジネスに参加していなくても、あなたのウェブサイトからいくらかの大きな収益が期待されます。 最適なサイトの読み込み速度は、最終的には良い収益源につながります。 さらに、訪問者が待ちたくないので、ユーザーに関連情報と質の高いコンテンツを提供するために費やされたすべての努力は無駄になります。 遅延があると、ページが表示されなくなる可能性があります。 速度が遅いと、コンバージョンとオンラインでの存在感が大幅に低下する可能性があります。 

事業主として、私たちもインターネットユーザーです。 私たちは皆、速くて効率的なウェブサイトに感謝しています。 同じことがユーザーにも当てはまります。 彼らは即時かつ適切な対応を要求するので、あなたのビジネスの健康のために、スピードは満たされなければならない基準です。 ここでは、古典的な世界のマーケティング理論に言及することが適切です。ビジネスの存在は、顧客を満足させることを唯一の目的としています。 オンラインの世界では、優れたユーザーエクスペリエンスを提供することが不可欠であり、効果的に ビジネスの成功を推進.

 

アンジェロ・フリシナの日光メディア

著者紹介

アンジェロは20年以上にわたってクリエイティブITの世界に携わってきました。 彼は1998年にDreamweaver、Flash、Photoshopを使用して最初のWebサイトを構築しました。 彼は、HTML / CSS、Flash ActionScript、XMLなどの幅広いプログラミングスキルを学ぶことで、知識と専門知識を広げました。

アンジェロはオーストラリアのシドニーでCIW(Certified Internet Webmasters)プログラムを使用して正式なトレーニングを修了し、コンピューターネットワーキングの中心的な基礎と、それがワールドワイドウェブのインフラストラクチャとどのように関連しているかを学びました。

アンジェロは、Sunlight Mediaの運営とは別に、ウェブとアプリの開発、デジタルマーケティング、その他の技術関連のトピックに関連する有益なコンテンツの作成を楽しんでいます。