あなたのウェブサイトをスピードアップする15の方法

Webサイトで発生する可能性のある最悪の事態の1つは、完全に防止可能な問題で顧客を失うことです。 2017年のGoogleページ読み込み時間調査の統計は、1秒でトラフィック数と顧客満足度に大きな違いが生じることを示しています.


わずか1秒で:

  • ページビューが11%減少する可能性があります��
  • 顧客満足度は16%低下する可能性があります��
  • コンバージョン率が7%低下する可能性があります��

1年の間に、この1秒の遅延により、通常1日の売上が平均100,000ドルである企業の収益が250万ドル減少する可能性があります.

要するに, 待ち時間 ウェブサイトのパフォーマンスとユーザー満足度の敵です。消費者の53%が、読み込みに3秒以上かかったWebサイトを離れると述べています.

レイテンシーとは何か、なぜそれが重要なのか?

データ配信速度に寄与する3つのコンポーネントがあります:帯域幅、待ち時間、およびスループット。最適化されたコンテンツとコーディングに関連して、これらの要素は密接に関連しています。 1つの問題は他に影響します.

ネットワークの待ち時間と速度を示す画像帯域幅 データが移動するパイプラインです。帯域幅が狭いと、そのパイプラインを通過する情報の量が減ります。これはレイテンシの問題につながり、スループットに影響します.

ウェブサイト 待ち時間 情報がブラウザからサーバーに往復し、再びユーザーに戻るのにかかる時間として定義されます. スループット 設定された期間内にサーバー上を移動するデータの量です.

効率的な配信とスループットの向上につながるのは、待ち時間(低)と帯域幅(高)の最適なバランスです。そのバランスが好ましくないと、ウェブサイトのページの読み込み時間が遅くなり、データ配信が遅れます.

レイテンシが高くなる原因?

  • 伝搬. これは、データパケットが1つのソースから別のソースに移動するのに必要な時間の長さです。.
  • 伝送媒体. ダイヤルアップの時代から長い道のりを歩んできましたが、転送媒体は依然として待ち時間に影響を与えます。光ファイバーやWANなどの技術的進歩にも、コンテンツ配信速度に影響する物理的な制限があります。.
  • ルーター. マウスをクリックしたり、URLを入力したりしてできることは、インターネットにアクセスできる一連のイベントを開始します。平均的なユーザーの目には、要求が行われ、光の速度で守られます。ただし、パケットヘッダーやその他の情報を適切に分析するルーターの能力に依存します.

ネットワークが分散しているほど、パケットがルーター間をホップする回数が多くなります。これにより、レイテンシが長くなります.

  • ストレージ. データのパケットが成功または保存されるたびに遅延が発生します。プロセスは、最初のブラウザー要求と配信の間に遭遇したスイッチとブリッジの数によってさらに複雑になります。関連–最高のクラウドストレージ
  • フォーマット ファイルの構成方法とWordPressデータベースの管理方法は、命令とコードの読み取りと処理の方法に影響します。クリーンで無駄のないエレガントなコードが効率とスピードにつながる.
  • ファイルの種類とサイズ. 小さいファイルと単純なフォーマットがネットワークをより速くより効率的にトラバースすることは当然のことです。グラフィックスやその他のリッチメディアが多いWebサイトはコンテンツが乱雑に表示され、ページの読み込み速度に影響します。そのため、ウェブサイトのファイルを圧縮することが重要です.

ウェブサイトを最適化するメリット

高品質のWebサイトビルダーを使用する場合でも、Webデザイナーを雇う場合でも、自分でWebページを構築する場合でも、セキュリティと設計による速度を考慮すると、コンテンツの外観と配信が向上します。これは SEOの最適化 そしてより良い ユーザーエクスペリエンス(UX).

調査によると、モバイルWebサイトが平均的なランディングページを完全にロードするには、最大22秒かかる場合があります。ロード時間を7秒以下に短縮できるとしたら、競争に勝つことができると想像してください。.

今日のWeb速度を上げる15の方法

今日のサーバーは、秒単位ではなくミリ秒単位のロード時間を提供できます。訪問者にWebコンテンツを配信するテクノロジーを制御することに加えて、一貫した高速なページの読み込みとより満足できる全体的なUXを保証するために、多くの変更と調整を実装できます。.

ウェブサイトの速度を上げる15の方法を以下に示します。これらはコンテンツの品質やサイトの美観をまったく損なうことはありません。.

1.ファイル圧縮を有効にする

ファイル圧縮は新しいものではありません。ダウンロードするには大きすぎて圧縮後にアクセスできないファイルがすべて見つかりました。同じアイデアがGzip圧縮を使用することにより、ウェブサイトの読み込みを高速化できます.

これを実行するには、コンテンツ管理システムの圧縮プラグインをインストールするか、.htaccessファイルを使用して手動で実行します。これは、次のコードを追加することにより、CSS、JS、XML、およびHTMLで機能します。

AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATEアプリケーション/ JavaScript
AddOutputFilterByType DEFLATE application / x-javascript

2.不要なプラグインと拡張機能を削除します

最初にウェブサイトを構築するとき、いくつかのプラグインをインストールして試してみるのは魅力的です。いくつかのプラグインはすばらしいですが、さらに多くのプラグインがディレクトリにほこりを集めてしまいます。古い、不要な、またはサポートされていないプラグインとアドオンまたは拡張機能をすぐにアンインストールすることをルールにします。それらを無効にすることはより簡単なオプションのように思えるかもしれませんが、それはセキュリティの問題を引き起こし、違反や悪用の危険を冒す可能性があります.

不要なプラグインを削除しながら、最高のWordPressプラグインのみをインストールすることに焦点を当てたWebサイトのセキュリティに関しても、非常に重要です.

3. HTTPを最適化する

HTML最適化によってページの読み込み時間を改善する方法は2つあります。 1つ目は、HTTPリクエストを最小限に抑えることです。これはいくつかの方法で実現できます。

  • 可能な限り画像の代わりにCSSを使用する
  • CSS、JS、HTMLファイルを組み合わせて、肥大化と冗長性を回避
  • 要素の少ないクリーンでシンプルなページをデザインする
  • キャッシュを有効にする
  • 古いページと壊れたリンクを削除して、リダイレクトの数を減らします

HTMLを最適化できる2番目の方法は、キープアライブを有効にすることです。通常、各ファイル要求は個別のアクションを開始します。 HTMLキープアライブを有効にすることで、1つのオープン接続を作成し、すべてのブラウザーリクエストが受け入れられるまでその状態を保ちます。このコードを.htaccessファイルにコピーし、適切な開始タグと終了タグで囲みます。

IfModule mod_headers.c
ヘッダーセット接続キープアライブ
IfModule

4.コンテンツ配信ネットワーク(CDN)をインストールする

コンテンツ配信ネットワーク(CDN) サーバーとほぼ同じ方法でページの読み込み時間を短縮します。これらのネットワークは世界中のさまざまな場所に広がっており、そのジオロケーションにいる誰かが自宅の近くにあるWebサイトにアクセスできます.

多くのホスティングサービスには、サービスの一部としてCDNが含まれているため、誰かとサインオンする前に、可用性を確認してください. 関連を見る –最高のカナダCDN

5.キャッシュを有効にする

キャッシュでは、ページが更新されてコンテンツが更新されるまで、ユーザーのブラウザにWebページのコピーが残ります。つまり、ロードするHTTPリクエストとページが少なくなります。キャッシュを有効にすると、ページの読み込み時間を1.5秒短縮できます。毎秒が重要な時代に、それは大きな違いになります.

WPのキャッシュは、Rocketプラグインを使用して、またはWP3 Total CacheやSuper Cacheなどの無料のプラグインの1つを使用して有効にできます。 HTMLを使用するユーザーは、Etags、Expire、またはその他の方法でキャッシュを有効にすることができます。 Drupalユーザーは、次の手順に従ってキャッシュの有効化を実行できます.

6. JSとCSSコードを縮小する

アクションの実行に必要なコーディングの量を減らすことにより、ページの読み込み時間を改善できます。 JSとCSSの個別のファイルを作成することから始めて、余白を減らし、不要なコメントを削除し、ファイルまたはコマンドラインを可能な限り結合します。他の問題を発生させずにコードを最小限に抑える方法がわからない場合は、肥大化したコーディングを特定して修正するための利用可能な縮小ツールがあります.

7.非同期のJSおよびCSSファイルの読み込みの採用

コードが無駄のない効率的なものになったら、非同期読み込みを通じてファイルをページに読み込む方法を微調整できます。これにより、より効率的にコンテンツがページにロードされる方法が変わります.

ご覧のとおり、ほとんどのブラウザは、一度に1つずつ順番にページをロードすることでリクエストを処理します。これは 同期ページ読み込み. 同期しているページにブラウザが遭遇するたびに、現在のページが完全に読み込まれるまで、他のすべてのアクティビティが停止します。非同期読み込みを使用すると、ブラウザーはいくつかのリクエストを同時に処理できるため、Webサイトの読み込み時間が完全に短縮されます.

ほとんどのコンテンツ管理システムには、CSSおよびJSファイルの非同期読み込みを可能にするメカニズムがあります。たとえば、WordPressのRocketプラグインには「静的ファイル」タブがあり、「レンダリングをブロックするCSS / JS」セクションの適切なボックスをオンにすることで、この機能を有効にできます。非WPユーザーは、非同期または遅延属性を使用してJSでこれを有効にできます。 CSSの場合、最初の画面のスタイルをHTMLの先頭に記述して、最初のページの非同期読み込みを有効にします.

遅延JavaScriptロードは、同じ結果を生成することができ、ロード設定としてWP Rocketパネルの同じセクションで有効にすることができます。 HTMLでサイトを実行している場合は、次のようにコードのbodyタグの直前に外部ファイルへの呼び出しを配置することで、JSの読み込みを延期できます。

8.画像ファイルを最適化する

最大のリソースとデータベースの1つは、画像です。確かに、写真はコンテンツに追加されますが、多すぎると速度に影響し、トラフィックを追いやります。ウェブサイトに画像を含める必要がある場合は、1つまたは2つを選択するか、ファイルサイズを小さくして.jpegなどの効率的なものに入力するか、個別の画像のギャラリーではなくコラージュにします。また、InstaGramなどの画像用に作成されたプラットフォームにそれらを移動し、Webサイトからそのプラットフォームに簡単にリンクすることもできます。.

同じことが動画コンテンツにも当てはまり、YouTubeチャンネルから削除できます。これらのソリューションはどちらもSEOに役立ちます。画像とビデオのコンテンツにインデックスを付けるaltタグとページ全体のSEOを組み合わせてページ全体を最適化することで個別に最適化できるためです。私たちのお気に入りの1つはOptimizillaです.

9.ホットリンクを無効にし、ソーシャルメディアの共有を制限する

ソーシャルメディアや画像といえば、Webページのホットリンクを無効にし、ソーシャルメディアの共有を制限することをお勧めします。 2番目の提案は、ソーシャルプルーフ、アウトリーチ、エンゲージメントについて知っていることすべてに反するようですが、パフォーマンスに影響を与えずにソーシャルメディアの存在をサポートするバランスを見つけることができます.

これは私たちの問題につながります ホットリンク. ホットリンクは、他の人があなたのコンテンツを取得して、自分のウェブサイトやソーシャルメディアプラットフォームで使用できるようにするためのちょっとした技術です。また、誤ってリソースの使用量を増やします.

別のWebサイトの画像やコンテンツにリンクしたり、盗まれたりするのではなく、それらをダウンロードしてサーバーに保存します。直感に反するように見えるかもしれませんが、他のWebサイトコンテンツへのリンクは、他の誰かの潜在的に標準以下のサイトのパフォーマンスを許可するという意図しない結果をもたらす可能性があります。.

10.外部スクリプトを減らす

外部スクリプトvi JSコードを追加すると、HTTP要求の数が増加し、Webサイトの速度が低下します。一部の外部スクリプトが必要なため、完全に削除する必要はありません。 Pingdomでは、各外部リンクをテストして、問題の原因となっているものを特定できます。.

Webコンテンツに外部リンクを追加する前に、ソースWebサイトが信頼できるものであることを確認してください。そうでない場合、問題をプラットフォームに持ち帰ることができます。.

11.壊れたリンクを見つけて修正する

リダイレクトまたはエラーメッセージで終わる壊れたリンクは、UXに影響を与える可能性があります。ただし、このヒントでは、画像、JS、またはCSSファイルに含まれるリンクについて説明します。 CSSファイルの見出しとJavaScriptソースURLでリンクを探してテストします。サーバーログを調べるか、リンクチェックツールを使用して、手動で検索できます。.

12.データベースを最適化する

かさばるファイルストレージは、明らかにパフォーマンスの低下に寄与します。セキュリティ上の目的ですべてのアクションの完全な記録が必要ですが、プラグインまたは他の機能がデータを保存するたびに、データベースに蓄積されます。それらすべてのピングバック、スパムまたは不必要なコメント、および修正の積み重ねを想像してみてください、そしてあなたは問題の良い考えを持っています.

データベースの最適化

この問題を回避するには、定期的なバックアップを実行した後、パージを実行して、意図しない結果を被ることなく過剰なデータを削除します.

13.軽量テーマを使用する

テーマを不格好でコードの多いものから軽量フレームワークに変更するだけの違いに驚くでしょう。ウェブサイトが遅く見え、他のすべての要素に問題がない場合は、新しくて軽いテーマを使用してみてください。これは、見栄えのするものを探すのではなく、テーマのパフォーマンス履歴をより深く掘り下げることを意味します.

プラグインと同様に、古いテーマを無効にするのではなく、必ずアンインストールしてください。.

14.適切なコンテンツ管理システムを選択する

コンテンツ管理システム(CMS) 信頼性の高い速度とパフォーマンスを維持するために重要です。最も圧倒的に人気のあるのはWordPressですが、JoomlaやDrupalなど、他にもたくさんあります。コンテンツの最適化の利点と、パフォーマンスを向上させるプラグインまたは機能の可用性を提供します.

15.パフォーマンスを見据えたホスティングサービスの選択

安いホスティングサービスを見つけるのは魅力的かもしれません。結局のところ、あなたのパンとバターはプラットフォームにありますよね?ただし、ホスティングプラットフォームが標準以下である場合、効率的なパフォーマンスに寄与する他のすべてのコンポーネントを最適化しても問題にはなりません.

これは、トラフィックの急増や増加に対応できる計画を選択するだけでなく、パフォーマンスをサポートするテクノロジーを備えたプロバイダーを見つけることも意味します。共有ホスティングプランは、開始して静的コンテンツをより多く使用する場合は問題ありません。ただし、速度とリソースの可用性は、良い隣人がいることに依存していることがあります.

可能な限り、高品質の仮想プライベートネットワークを選択する (VPN) または 専用サーバー. これにより、ダウンタイムと待ち時間を削減するために必要なリソース、ストレージ、および可用性が提供されます.

テストと継続的な評価を忘れないでください

何をいつ調整するかを知ることは、ページの読み込み時間と全体的なコンテンツ配信速度に影響している問題を知ることによって決まります。一部のホスティングサービスには、ウェブサイトのパフォーマンスを測定するために使用できるツールが組み込まれています。待ち時間とページの読み込み時間を測定するために使用できる方法とツールもいくつかあります.

使用する方法やツールに関係なく、必ずさまざまな場所からテストしてください。ソースから離れた場所にあるサーバーがコンテンツの配信に時間がかかることは当然のことです。多くの場所からのジオテストは、レイテンシレートの測定に役立ちます。速度テストを実施するときは、CDNを有効または無効にして実行してください。これは、CDNおよびその他のテクノロジーの有効性を評価するのに役立ちます.

CDNの仕組み

最も一般的で効果的な速度テストツールの1つはPingdomです。この無料のオンラインツールを使用すると、ウェブサイトのパフォーマンスと速度に関するさまざまな問題を簡単に特定できます。検索ボックスにURLとサーバーの場所を入力し、「テストの開始」をクリックするだけです。プレミアムサブスクリプションを購入して、70以上のサーバーロケーションから稼働時間とコンテンツタイプの詳細なテストを行うこともできます。.

これは、GoogleのパブリックDNSを使用したpingテストの例です。

$ ping 8.8.8.8
PING 8.8.8.8(8.8.8.8):56データバイト
8.8.8.8から64バイト:icmp_seq = 0 ttl = 56 time = 54.524 ms
8.8.8.8から64バイト:icmp_seq = 1 ttl = 56 time = 43.423 ms
8.8.8.8から64バイト:icmp_seq = 2 ttl = 56 time = 50.773 ms

tracerouteツールは、サーバーからサーバーへのパケットジャーニーを追跡し、ブラウザーからホストへのルートを測定して、ボトルネックやその他の問題を特定します.

次に、同じGoogle DNSを使用したtracerouteコマンドレポートの例を示します。

$ traceroute 8.8.8.8
8.8.8.8へのtraceroute(8.8.8.8)、最大64ホップ、52バイトパケット
1 192.168.0.1(192.168.0.1)6.632 ms 9.659 ms 10.089 ms
2 10.89.0.1(10.89.0.1)29.867 ms 14.293 ms 30.259 ms
3 blk-212-126-117.eastlink.ca(173.212.126.117)20.677 ms 19.575 ms 20.155 ms
4 ns-hlfx-dr002.ns.eastlink.ca(24.215.102.161)30.093 ms 29.371 ms 30.796 ms
5 ns-hlfx-br002.ns.eastlink.ca(24.215.102.221)29.540 ms 29.516 ms 29.989 ms
6 ns-hlfx-br001.ns.eastlink.ca(24.215.102.9)26.678 ms 29.203 ms 30.787 ms
7 google.eastlink.ca(24.215.101.10)49.027 ms 49.196 ms 90.601 ms
8 209.85.241.127(209.85.241.127)49.999ミリ秒
72.14.239.75(72.14.239.75)48.939 ms
72.14.235.169(72.14.235.169)46.823ミリ秒
9 google-public-dns-a.google.com(8.8.8.8)49.465 ms 45.436 ms 43.772 ms

Googleと言えば、速度とパフォーマンスの問題についてWebサイトをテストするための無料のツールもあります。ここでPageSpeed Insightsにアクセスできます.

テストは1回限りの操作ではありません。 Webサイトは、自動化と、パフォーマンスと速度のテストに使用できるいくつかのツールを使用して、24時間監視する必要があります。結果に意味を持たせるため。これは、問題がコストのかかる問題になる前に特定するのに役立ちます.

最終的な考え

ネットワークがより混雑し、分散するにつれて、遅延が発生する可能性が高くなります。私たちの目標は、ウェブサイトのパフォーマンスと速度を改善するために必要な情報を提供することです。ニーズと予算に最適なWeb​​ホスティングサービスを選択することに加えて、コンテンツとその配信方法を最適化すると、ダウンタイムとパフォーマンス低下の原因の多くを排除するのに役立ちます。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map