ウェブサイトの速度に関するこのブログシリーズは、楽しい体験でした。.

これまでのところ、ウェブサイトの速度が低下した場合、Amazonは16億ドルを失うことを学びました。.

また、ウェブサイトの速度低下を引き起こす背後で何が起こっているのかを正確に学習しました.

それは私たちに自然な結論をもたらします:どのように正確にスピードアップできますか?サーバーの速度から最適化、さらにその間のいくつかのボーナスまで、すべてをカバーします.

まず、速度低下の原因を要約しましょう。

ここBitcatchaで私のWebサイトをロードすると、ブラウザー(Firefox、Safari、Chromeなど)が私のWebサーバーとの会話を開始します.

ブラウザ:「ちょっとウェブサーバー! Bitcatcha.comを表示するためのすべての部品を入手していただけますか?」

サーバー:「確かに、それらを見つけて送信する」.

次に、WebサーバーはすべてのWebサイトパーツをトンネルに入れ、それらをブラウザーに送信してロードします。.

簡単に聞こえますが、速度が遅くなる原因は次のとおりです。

  • 要求への応答に時間がかかる遅延サーバー.
  • 他の多くのWebサイトのパーツを同時に管理しているサーバー.
  • 大きなウェブサイトの「パーツ」がたくさんあり、それぞれを見つけてトンネルに送る必要がある.
  • 忙しいトンネル.

ここでうまくいかないことがたくさんあります。では、どうすればスピードアップできるでしょうか?

あなたのウェブサイトをスピードアップ

パート1:サーバーを高速化する

1.より優れたWebホスト(つまり、より優れたサーバー)にアップグレードする

あなたのウェブホストはサーバーを提供する会社です。これは、インターネットの土地を借りるようなもので、すべてのウェブサイトのパーツを保管します.

私たちのほとんどは、私たちが見つけた土地の最も安い区画を購入する傾向があります。しかし、それは必ずしも賢明な解決策ではありません.

安価なWebホストは、混雑した小規模なサーバーをレンタルします。サーバーがリクエストに迅速に応答し、トンネルを介してブラウザにすばやくウェブサイトを送信することを忘れないでください.

注意

サーバーの応答時間に基づいた最速のWebホスティングのリストをご覧ください.

2.共有ホスティングからVPSに切り替える

安いウェブホストは他のたくさんのウェブサイトと一緒にあなたのウェブサイトをサーバーに置きます。これは共有ホスティングと呼ばれ、リソースのために戦わなければならないことを意味します.

1つのWebサイトが突然大量のトラフィックを取得した場合、帯域幅を消費している間、Webサイトの速度が低下します。.

VPS(仮想プライベートサーバー)または(少なくともSiteGroundのようなハイエンドの共有サーバー)に切り替えることで、Webホストは共有サーバーの隅を隔離します。つまり、他のWebサイトがリソースを盗むことを心配する必要はありません。.

3.サーバーをユーザーの近くに移動します

誰かがサイトをクリックするたびに、サーバーは地球上の情報を物理的にコンピュータ画面に送信する必要があります.

サーバーが世界の反対側にある場合、これには長い時間がかかります。ほとんどのトラフィックの発信元がわかっている場合は、Webホストに依頼して、主要なオーディエンスに最も近いサーバーにWebサイトを配置してもらいます。.

4.コンテンツ配信ネットワークを使用する

サーバーを特定の対象者の近くに移動する際の問題は、誰かが負けてしまうことです。サーバーをカリフォルニアに移動すると、オーストラリアの訪問者は読み込み時間が遅くなります。ヨーロッパの訪問者もそうです.

コンテンツ配信ネットワーク(CDN)は、世界中のサーバーにデータを配置します。誰かがあなたのウェブサイトをクリックすると、それらに最も近いサーバーが情報を送信します.

それはあなたの訪問者が彼らが世界のどこにいても超高速を得るということです。 (参考のために、ここではBitcatchaでCloudflareを使用しています。)

5.「キープアライブ」設定をアクティブにします

サーバーがトンネルを介してWebサイトファイルを送信すると、すべての部分が別々に移動します。 CSSスタイルシート、ロゴ、各画像など.

明らかに、これを行う最も効率的な方法は、すべてを同じ大きなトンネルに送ることです.

ここで「キープアライブ」設定が有効になります。有効にすると、メイントンネルはオンのままで、すべてが同じ接続をダウンします(これは超高速です)。.

ただし、設定がオフの場合、すべての要素に対して新しいトンネルを作成する必要があります。 (これは超遅いです).

ほとんどのWebホストはこの設定をオンにしています(これは適切です)が、共有ホストは警告なしに接続を閉じる.

パート2:ウェブサイト要素を最適化する

サーバーを可能な限り高速かつ効率的にしたので、Webサイトのパーツ自体をどのように最適化するか?

6.往復時間(RTT)を削減する

現在、ブラウザーはサーバーに各要素を1つずつ要求する必要があります。ロゴ、各画像、CSSスタイルシート.

受け取りにかかる時間は往復1回.

必要な往復回数が多いほど、Webサイト全体のロードに時間がかかります。車を箱で梱包し、新しい家に移動するようなものです.

あなたが持っているより多くの箱、あなたがしなければならないより多くの往復旅行。ソリューション?取る箱の数を減らします.

サーバーがトンネルを送信する必要がある要素の量を減らします。画像の数を減らし、コードを減らし、プラグインを減らします.

7. Webサイトで圧縮を有効にする

残念ながら、それは箱の数だけではありません。彼らの重さです。すべての要素が大きくて重い場合、トンネル内で多くのスペースを占めることになります。また、動きも遅くなります。トラックが積み重なっているようなものです。重い箱でいっぱい.

幸いなことに、あなたはあなたのウェブサイトとその上のすべてを圧縮することができます。 Gzipなどのツールを使用する。 (これはブラウザの90%で認識されています。–まだInternet Explorer 4を使用しているいくつかのストラグラーを除いて、それはほとんど全員です。)

サイトの最も分厚い部分は、画像、HTML、CSS、JavaScriptです。それらを圧縮することで、転送中のサイトの平均「重量」を減らすことができます.

楽しい事実

ウェブサイトの平均重量は2MBですが、毎年大きくなっています.

8.画像を最適化する

通常、画像はどのWebサイトでも最も重要な部分です。最大で最も太く、最も遅いローディングエレメントです。.

まず、それらを必要な正確なサイズにトリミングします。巨大な画像をアップロードしたり、HTMLで縮小したりしないでください。適切なサイズでアップロードしてください.

また、アップロードする前に画像を圧縮してください。 WordPressを使用している場合、WP Smushのようなプラグインは画像サイズを80%削減する可能性があります!

9.…またはスプライトを作成する

スプライトは、多数の小さな画像を含む単一の画像です。ボタンやその他の画像要素を共有するのに最適です.

今、あなたのウェブサイトは10個の別々のリクエストではなく、ただ一つのリクエストをする必要があるだけです。次に、CSSを使用して、画像のどの部分をどこに表示するかを選択できます。.

10.コードをトリミングする

HTMLは高密度で重いです。また、非常に反復的です。 CSSはもう少し合理化されていますが、多くは冗長です.

細かい櫛でコードを調べ、不要なビットをすべて取り除く時が来ました.

WordPress、Tumblrなどのテンプレートを使用している場合は、使用していないコードが大量にある可能性があります。これらのテンプレートは、機能に関する多くのオプションを提供するように設定されています。しかし、ほとんどの人はそれをすべて必要としません.

冷酷に!

11.不要なプラグインをアンインストールする(WordPress)

私たちは長年にわたって、たくさんのプラグインを実験してきました。しかし、多くの場合、それらをアンインストールするのを忘れます.

すべてのプラグインは別のサーバーリクエストです。高速トンネルを塞いでいる別の重量のあるパッケージです.

使用しない場合はオフにします.

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

リダイレクトごとに、パッケージはトンネルを2回上下します。どうしても必要な場合を除き、ウェブサイトでリダイレクトを使用しないでください.

パート3:追加ボーナス

13. DNSルックアップを減らす

まだ話し合っていないプロセスの一部があります。それはまさに最初に起こります.

ブラウザがサーバーとの会話を開始する前に、ブラウザはサーバーの場所を(IPアドレスを見つけることによって)見つける必要があります。これは、電話帳でサーバーの番号を調べるようなものです。少し時間がかかります。 (通常20〜120ミリ秒).

ウェブサイトに複数のドメイン名が関連付けられている場合は、さらに時間がかかります。一般的な例:blog.yourwebsite.com、または画像、スタイルシート、Flashオブジェクトの追加ドメイン.

ブラウザーが5回実行する必要がある場合、0.5秒を失う可能性があります。できるだけ少数のドメインに保つ.

14.ブラウザのキャッシュ

ブラウザーがすべてのWebサイトファイルのコピーを保持できるとしたら、どれほど速くなるか想像してみてください。そうすれば、毎回サーバーに接続する必要がなくなります。メモリからロードするだけです.

それがキャッシングです。これは、ブラウザがWebサイトを「記憶」していることを意味します。もう一度ロードすると、超高速です.

ふew!いつもより長い投稿でしたが、それだけの価値はあったと思います.

これで、Webサイトを高速で高速化するために知っておくべきことがすべてわかりました。これらのトリックは、ロード速度を数秒短縮する可能性があります.

それは幸せな訪問者を意味します。そしてそれはより多くの販売を意味します.

WordPress速度ガイド

WebサイトがWordPressで構築されている場合は、WordPressの高速化に関する詳細なステップバイステップガイドをまとめました。正確な手順を使用して、3秒でBitcatcha.comを読み込みます.

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me