あなたのウェブサイトのパフォーマンスを改善する方法:あなたのサイトをスピードアップするための10のヒント

更新日:2022-04-25 /記事:Jerry Low
調査によると、ページの読み込み速度が速いほど、コンバージョン率が高くなることが一貫して示されています。 ウェブホスティングはビジネスウェブサイトの速度における重要な要素のXNUMXつであるため、サイトの読み込みを迅速に行うのに役立つウェブホストを選択することが重要です。
調査によると、ページの読み込み速度が速いほど、ページの読み込み速度が向上することが一貫して示されています。 コンバージョン率。 ウェブホスティングはビジネスウェブサイトの速度における重要な要素のXNUMXつであるため、サイトの読み込みを迅速に行うのに役立つウェブホストを選択することが重要です(出典: CloudFlare).

あなたに影響を与える主な要因が何であるかを知る ウェブサイトのパフォーマンス XNUMXつのことですが、サイトを可能な限り最適化するためにできることもたくさんあります。 網羅的なリストを確認せずに、サイトのパフォーマンスを向上させるために行うことができるいくつかの調整を以下に示します。

1.より良いホスティングサーバーを選ぶ

あなたのウェブホスティングはあなたのウェブパフォーマンスの最も重要な部分のXNUMXつです。

あなたのサイトがあなたの現在の計画の下で苦しんでいるならば、あなたは単により多くの資源を必要とするかもしれません、そしてより良い計画に移ることはあなたのために働くかもしれません。

ニキビ後の跡が目立たないよう設計されており、さらにより少ない処方で効果的なものは ウェブホスト そして、 優れた ウェブホスト。 各ウェブホストには異なる機能があるため、独自のキャッシュテクノロジー、ソリッドステートドライブ、重要な領域の制御などの重要な項目に注意してください。 共有ホスティングは、多くの場合、リソースの点で少なく、成長しなくなった場合は、どちらかを調べる必要があるかもしれません VPSまたはクラウドホスティング.

単に選択する場合があります より良いウェブホストに移動する 同様に機能する可能性があります。 ただし、そうする前に、調査を行って、移動するのに最も信頼できるオプションが何であるかを調べてください。

推奨されるVPSホスティングプロバイダー

ウェブホストエントリープラン中間層プラントライアル期間今すぐ注文する
お申し込み$ 19.99 /月$ 29.99 /月30日間BlueHostを入手する
HostPapa$ 19.99 /月$ 59.99 /月30日 HostPapa
InMotion ホスティング$ 17.99 /月$ 64.99 /月90日間 InMotion
InterServer$ 6.00 /月$ 12.00 /月30日間 InterServer
  LiquidWeb$ 15.00 /月$ 45.00 /月30日 LiquidWeb
ScalaHosting$ 9.95 /月$ 21.95 /月30日間 ScalaHosting
TMD Hosting$ 19.97 /月$ 29.97 /月30日間 TMD Hosting

2.より高速なDNSプロバイダーを使用する

ドメインネームシステム(DNS)とは何ですか?

世界 ドメインネームシステム(DNS) インターネットの名簿です。 ユーザーが自分のブラウザにWebサイトドメイン(たとえば、google.com)を入力するたびに、DNSはドメイン名のIPアドレスを見つけるのに役立ち、ブラウザがWebサイトをロードできるようにします。

DNSはWebサイトのパフォーマンスにどのように影響しますか?

プロバイダーによるDNS応答速度の違い。 例えば、 Cloudflare DNSは11.68年2022月に90msで計測されました。 比較的、RackSpace DNSルックアップはテストでXNUMXms以上かかりました(出典: PerfOpsによるDNSPerf).

さまざまなドメイン名サービスはパフォーマンスが異なるため、ドメイン名を購入する場所は重要です。 DNS解決には時間がかかり、ハードウェアで機能するため、応答速度にばらつきが生じる可能性があります。 

これを嘲笑する前に、パフォーマンスの違いがかなり重要になる可能性があることに注意してください。 たとえば、ここで Cloudflare 15ミリ秒未満で解決します。プロバイダーによっては、そのXNUMX倍の時間がかかる場合があります。

DNS速度を確認する方法

Nameserverのパフォーマンスを確認するには、次のようなツールを使用できます。 サイト24×7。 ドメイン名で実行すると、ネームサーバーがクエリに応答するのにかかった時間がわかります。 高すぎる場合は、ネームサーバーの変更を検討することをお勧めします。 これは難しいことではありません。

速度を向上させるためにネームサーバーを切り替える

ネームサーバーのアドレスを変更するのは非常に簡単です。
ネームサーバーのアドレスを変更するのは非常に簡単です。

無料と有料の両方のネームサーバーがあり、その周りから選択できます。 すべての有料オプションが必ずしも優れているわけではありません。 例を取る Cloudflare。 これらは、無料のアカウントでも高速で、ドメイン名の解決が最も速いもののXNUMXつです。

ただし、選択はあなた次第です。 最初に行う必要があるのは、選択した新しいNameserverにサインアップすることです。 これにより、既存のアドレスを置き換える必要のあるネームサーバーアドレスのペアが提供されます。

これを行うには、ドメイン名を購入したシステムにログインする必要があります。 これらのほとんどには、ネームサーバーを変更するためのシンプルなダッシュボードがあります。 以下の例では、 NameCheap システム。

  1. アカウントダッシュボードから、ドメイン名を管理するオプションを探します。
  2. [ネームサーバー]で、カスタムDNSを追加するオプションを探します
  3. 新しいネームサーバーサービスによって提供されるアドレスを入力します
  4. 提供された両方のアドレスを入力する必要があります

これを実行すると、ドメイン名のレコードの管理は通常、新しいネームサーバーのダッシュボードを介して実行されます。 新しいNameserverに落ち着くまでの時間を与えます(24〜48時間が適切です)。

それが終わったら、DNS解決速度を再度テストして、改善があるかどうかを確認できます。 最初は改善が見られない場合は、もう少し時間をかけてください。

3.積極的にキャッシュする

Webキャッシングのしくみ(出典: Kinsta).

キャッシングは、静的ファイルをプリロードして、より高速に提供できるようにするのに役立ちます。 キャッシュは、要求されるたびにファイルをロードする代わりに、ユーザーのブラウザーにいくつかのファイルを保存することでプロセスを高速化します。 これにより、パフォーマンスが向上するだけでなく、リソースの負荷を軽減することもできます。 ウェブサーバー

すべてのWebサーバーが同じように作成されているわけではなく、一部のWebサーバーは他のサーバーよりもキャッシュを処理します。 最高のパフォーマンスを得るには、以下を提供するWebホストを選択してください nginxの またはワニス。 これらのいくつかの例は次のとおりです。

  • Cloudways、NGINXによる負荷分散とキャッシングがあります。
  • A2ホスティング、VPSプランでVarnishを事前設定し、
  • Kinsta、クライアントのサーバーキャッシングのすべてを処理します。

また、あなたが実行している場合 WordPress サイトには、便利なものがたくさんあります WordPressキャッシングプラグインを無料で利用可能。 技術的な知識がほとんどないユーザーは、これらのプラグインを使用して数回クリックするだけでWordPressサイトを最適化できます。

4. HTTP / 2を使用します

HTTP / 2とHTTP / 1
HTTP / 2には、HTTP / 1と比較してさまざまな改善が加えられています。これにより、パッケージの配信が高速化され、ユーザーエクスペリエンスが向上します(出典: Imperva社).

これは、すべてのWebサイト所有者が注意する必要がある便利な機能の2つです。 HTTP / XNUMXは多重化を可能にします。つまり、ファイルを一度にXNUMXつずつではなく、同時にユーザーに送信できます。 これは、読み込みプロセスに役立ちます。

残念ながら、すべてのウェブホスティングプランがHTTP / 2に対応しているわけではなく、一部のウェブホストはより高価なプランでのみそれを提供しています。 これを回避するXNUMXつの方法は、 Cloudflare、すべてのサイトでHTTP/2を有効にできます。

5。 KISSの原則に従う

これは、ほとんどのWebの達人が通常教えていることではありませんが、非常に多くの点で非常に役立つことがわかりました。 KISSは、「Keep It Simple、Stupid」の頭字語です。 これは、単純なシステムの効率を強調した1960年代の賢い人によって造られました。

経験則として、これは人生のほとんどすべてに適用され、ウェブサイトの設定にも適用されます。 過度に複雑な実装や設計を避けることで、迅速かつ重要なことに、管理と保守が簡単なサイトのメリットが得られます。

デザインとビジュアル

あなたのデザインとビジュアルをシンプルに保つことによって、私は主にオーバーヘッドを減らすという形をとっています。 巨大で息を呑むような画像や魅力的なビデオのサイトは、悪い一日のように素人のようにすぐに読み込まれる可能性があります。 それをすっきりと整えて、さまざまなページにビデオと画像の読み込みを分割しようとします。

コードとプラグイン

WordPressは非常にモジュラーで使いやすいので、すばらしいことです。 あなたが何をしたいのかにかかわらず、誰かが 既にそのプラグインを設計しました.

それが聞こえるほどエキサイティングですが、プラグインでサイトを過負荷にしないように注意してください。 各プラグインは異なる人々(そしておそらく異なる会社)によって設計されていることを忘れないでください。 それらの目的は、サイトの速度を合理化することではなく、特定の目的を達成することです。

可能であれば、自分で管理できるもののプラグインは避けてください。 たとえば、テキストに表を挿入するのに役立つプラグインを考えてみましょう。 あなたは簡単にいくつかの基本を学ぶことができます HTMLコード そのためのプラグインを使用する代わりにテーブルを描画するのですよね?

いくつかの個別のプラグインはサイトの速度を大幅に低下させる可能性がありますので、新しいプラグインをインストールするたびにスピードテストを行ってください。

6.gzip圧縮を有効にします

通常、Webページはすでに小さいですが、送信する前に圧縮すると、サイトのパフォーマンスを向上させることができます。 画像圧縮、またはおそらくアーカイブ(ZIPまたはRAR)について聞いたことがある場合は、おそらくgzip圧縮の背後にある理論に精通しているでしょう。 これにより、Webサイトのコードが圧縮され、最大300%の速度向上が実現します(結果は異なります)。

次のような各Webサーバータイプ アパッチ, ライトスピード 及び nginxの gzip圧縮の処理方法が異なります。 または、次のコードをに追加することもできます。.htaccessファイル Webファイルを圧縮するファイル。

#HTML、CSS、JavaScript、テキスト、XML、およびフォントの圧縮AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE application / rss + xml AddOutputFilterByType DEFLATE application / vnd.ms-fontobject AddOutputFilterByType DEFLATE application / x-font AddOutputFilterByType DEFLATE application / x-font-opentype AddOutputFilterByType DEFLATE application / x-font-otf AddOutputFilterByType DEFLATE application / x-font-truetype AddOutputFilterByType DEFLATE application / x-font-ttf AddOutputFilterByType DEFLATE application / x-javascript AddOutputFilterByType DEFLATE application / xhtml + xml AddOutputFilterByType DEFLATE application / xml AddOutputFilterByType DEFLATE font / opentype AddOutputFilterByType DEFLATE font / otf AddOutputFilterByType DEFLATE font / ttf AddOutputFilterByType DEFLATE image / svg + xml AddOutputFilterByType DEFLATE image / x-icon AddOutputFilterByType DEFLATE text / css AddOutputFilterByType DEFLATE text / html AddOutputFilterByType DEFLATE text / javascript AddOutputFilterByType DEF LATE text / plain AddOutputFilterByType DEFLATE text / xml

7.コンテンツ配信ネットワーク(CDN)を使用する

単一サーバー配布(左)–Webファイルは単一の場所から提供されます。 一方、CDN(右)では、Webファイルはユーザーに最も近いサーバーから提供されます。

CDNの仕組み

コンテンツ配信ネットワークは、地理的な場所に基づいてウェブページおよび他のコンテンツをユーザに配信するサーバのネットワークである。 言い換えると、リモートサーバーがエンドユーザーから要求されたデータで応答するのにかかる時間を短縮するのに役立ちます。

通常、ユーザーは、最も近い可能性のあるサーバーに格納されている静的コンテンツをユーザーの地理的位置にキャッチします。 データが移動する距離が短くなると、配送時間(またはローディング速度)が向上します。

CDNを使用すると、世界中のどこから来ても、Webページの配信速度が向上し、読み込み速度が向上します。

小さな Web サイトの所有者なら、 Cloudflare には、問題なく機能する無料のオプションがあります。 企業や大規模なサイトは、より良い計画を立てるために料金を支払う必要がありますが、CDN のメリットを考えると、その価格に見合う価値があります。

考慮すべきその他のCDNサービスは次のとおりです。 LimeLight, KeyCDN

8.画像を最適化する

通常は大きいですが、Webで使用する画像を最適化して、サイズを管理しやすくすることができます。 これは通常、Web画像に素晴らしいシャープネスを必要としないことが多いため、画質を調整することによって行われます。 

次のような無料のオンラインツールがあります Optimizilla これを行うために使用するか、またはを選択することができます 画像 最適化プラグイン WordPressを使用している場合。 ほとんどの画像最適化ツールでは、画像の解像度の詳細を微調整して、徐々にトーンダウンできるようにします。 訓練を受けていない目にはほとんど同じように見えますが、サイズははるかに小さくなります。

最適化された画像と最適化されていない画像
例–これらはHD画像の領域にズームインされています(左)。 オリジナルは2.3MBでしたが、最適化後、画像は331kbに縮小されました。

9.コードを縮小する

今日のWebサイトでは、JavascriptファイルとCSSファイルが溢れているのが一般的です。 サイトをさらに微調整するために、ミニファイと呼ばれるプロセスを通じてコードを最適化することもできます。 これは、既存のコードから空白や不要な文字を取り除き、ファイルサイズを最小限に抑えることで機能します。

繰り返しますが、これに使用できるツールがあります。 minifier。 ただし、警告の一言。 コードの縮小は、人間が読むのを非常に難しくすることが多いので、すべてのサイトを実行している場合 コー​​ディング 手動では、これは考慮に入れるべきものです。

ウェブサイトを高速化するためのコード縮小
細分化によってコードがすべて混乱して見える可能性があります - 気にしないでください! これは正常です。

10.リダイレクトを減らす

通常、ブラウザはさまざまな形式のアドレスを受け入れ、サーバによって認識された公式アドレスに変換されます。 たとえば、取る www.example.com and example.com。 どちらも同じサイトに行くことができますが、サーバーは正式に認識されたアドレスにリダイレクトする必要があります。

そのリダイレクトには時間とリソースがかかります。そのため、リダイレクトを1回してもサイトに到達できるようにすることが目的です。 これを使って マッパーをリダイレクトする あなたが正しいことをしているかどうかを確認する。

この権利と時間を継続的に実行することの複雑さを考えれば、これは私のようなプラグインを使用することをお勧めしたい リダイレクション.

あなたのウェブサイトの速度をテストする

より速くロードするためにサイトに加えることができる微調整の広い範囲があります。 オプションを切り替えるのと同じくらい単純なものもあれば、より複雑なものもあります。 それでも、それらを考慮すると、すべてのプロセスに時間がかかる場合があります。

一度にすべての変更を行うのではなく、パフォーマンスを改善するためにゆっくりとした段階的なアプローチをとるのが最善です。 テクノロジーに基づくものと同様に、何かがうまくいかない可能性があります。

時間の経過とともに変更を実装し、テストとともに文書化すると、サイトが使用できなくなったりクラッシュしたりする可能性のある変更を簡単に特定できます。 私を信じてください–それは最終的に起こります。

ウェブサイト速度テストツール

サイトスピードテスターを使用すると、現在のサイトの最適化の程度を知ることができます。

まず、サイトの読み込み速度をテストします。 いくつかの推奨ツールは次のとおりです。

  • WebPageTest:一般的なオペレーティングシステムを実行する実際のブラウザからWebページのパフォーマンスを収集します。
  • Pingdomの:ボトルネックの分析と発見に役立ちます ウェブサイトのパフォーマンス.
  • GTmetrix:ウェブページのスピードを最適化する最適な方法を分析し、実用的な洞察を提供します。
  • Bitcatcha:8カ国のサイト速度を確認します。

より多くの選択肢について– これらの無料のウェブサイト速度テストツールをチェックしてください

ウェブサイトの速度–どれくらいの速さで十分ですか?

Google PageSpeed インサイト
Google PageSpeed Insightは、検索の巨人がサイトのパフォーマンスをどのように見ているかの良いベンチマークです。

訪問者の経験に加えて、Webサイトの速度と稼働時間のパフォーマンスも、検索ランキングでの可視性に影響します。 検索の王様はグーグルなので、それがあなたが目指したいバーです。 彼らによると、訪問者の40%は、読み込みにXNUMX秒以上かかるページを離れます(source)。 サイトのパフォーマンスに不満を持っているeコマースプラットフォームのユーザーも、それらのサイトから再度購入する可能性は低くなります。 

残念ながら、多くのサイトはまだこのベンチマークを満たしていません。 実際、ロードに3〜4分もかかる衝撃的なサイトを測定しました。

最終的な考え:より速いウェブサイトは皆を幸せに保つ

今日のブロードバンドのスピードは、モバイルでもそれほど増えており、ますます増えています。 つまり、ウェブサイトの所有者が、遅いローディングサイトを利用して訪問者を抱かせるという言い訳はほとんどありません。

私を信じて、あなたは失っていくでしょう。ある時点で、あなたが「ああ、 THAT Webサイト"。 あなたがいる場合 オンラインビジネス、それはあなたがあなた自身の金のガチョウを殺すことになるのでそれをさらに悪化させます。

私が提供した上記の8のヒントは決してすべてで終わるわけではありませんが、それはあなたに少し良いものを管理する方法のスタートといくつかのアイデアを与えるはずです。 今日あなたのウェブサイトをスピードアップし、顧客や訪問者を維持してください。

終わらないように THAT ウェブサイトをご覧ください。

続きを読む

ジェリーローについて

WebHostingSecretRevealed.net(WHSR)の創設者 - 100,000のユーザによって信頼され、使用されているホスティングレビュー。 15年以上のWebホスティング、アフィリエイトマーケティング、およびSEOの経験。 ProBlogger.net、Business.com、SocialMediaToday.comなどへの貢献者。