WordPress Webサイトを高速化する方法(Webホストを変更せずに)

ウェブサイトを高速化する利点は何ですか?

Webサイトの所有者として、トラフィック、コンバージョン、および収益に対するWebサイトの速度の影響を過小評価しないでください。モバイルデバイスを介してWebを閲覧するときの速度も非常に重要です。たとえば、Googleの調査によると、モバイルサイトの訪問者の53%が、読み込みに3秒以上かかるページを離れています.


ウェブサイトの速度の影響に関する他の多くの研究が発表されています。たとえば、2017年の調査では、サイトの読み込みが1秒遅れるとページビューが11%減少し、顧客満足度が16%減少し、切望されたコンバージョン率の7%が失われることが判明しています。.

次のことに注意することも重要です。 現在Googleは ランキング要素としてのウェブサイトの速度.

一言で言えば、遅いウェブサイトを持つことは以下に悪影響を及ぼします:

  • トラフィックとページビュー
  • 変換
  • 売上高
  • ブランドイメージと訪問者の心の認識

hostingfacts.comを成功するウェブサイトを構築するための最高のリソースにすることが私たちの目標であるため、ウェブサイトの速度を向上させる方法に関するガイドを準備することを決定しました. 以下は、ウェブサイトの速度を上げる21の方法です。

次のことを学びます。

更新: ロードを高速化するためにWebサイトの最適化を開始する前に、考慮すべき2つの点があります。

まず、PingdomまたはGoogle PageSpeed Insightsを使用して、現在のウェブサイトの読み込み時間を確認します。これは、サイトを微調整した後の速度の変化を比較するのに役立ちます.HostingFacts pingdom速度

HostingFacts pagespeedの洞察

次に、一部の方法ではサイトを混乱させる可能性のあるファイルの微調整/編集が必要になるため、必ずサイトをバックアップしてください。 WordPressのWebサイトをバックアップする方法と、他のWebサイトをバックアップする方法は次のとおりです…

準備はいい? STEP 1から始めましょう

1.不要なプラグインとアドオンを削除する

不要なプラグインとアドオンはWebサイトの速度を大幅に低下させる可能性があります。WordPress、Joomla、DrupalなどのブログCMSを使用する場合は、それらに注意することが特に重要です.

プラグインがウェブサイトの速度に与える影響に関する良いケーススタディは、ウェブサイトの速度を4.23秒から1.33秒にどのように変えることができたかを明らかにします。ウェブサイトの分析中に、プラグインがウェブサイトの読み込み時間のなんと86%に貢献していることがわかりました

ウェブサイトにインストールしたプラグインの数だけでなく、品質についても重要であることに注意することが非常に重要です。プラグインの数が少ないウェブサイトのプラグインの数が少ない場合、プラグイン数が50のウェブサイトは、プラグイン数が10のウェブサイトよりもはるかに速くロードできます。一般的に、多くのスクリプトとスタイルをロードするプラグイン、多数のリモート要求を実行するプラグイン、およびWebサイトのすべてのページに追加のデータベースクエリを追加するプラグインは避けたい.

実際、プラグインはウェブサイトの機能を強化するのに役立ちますが、絶対に必要であると確信している場合にのみプラグインを使用することも重要です。.

WordPressユーザーの場合、P3(プラグインパフォーマンスプロファイラー)をインストールすることをお勧めします。

P3_パフォーマンス

このプラグインは、すべてのWordPressプラグインをスキャンしてボトルネックを検出し、レポートを提供して、各プラグインがWebサイトのパフォーマンスにどのように影響しているかを確認できるようにします.

2.ウェブサイトのソーシャル共有ボタンを大幅に制限、または削除する

Webサイトに100個のソーシャル共有ボタンが必要だと思われる場合は、もう一度考えてみてください。ソーシャル共有ボタンがあるため、ウェブサイトのトラフィックを大幅に増加させる調査を特定することは困難ですが(ソーシャル共有ボタンが多すぎると、読者を混乱させます)、ウェブサイトの速度が遅いとトラフィックが減少することがわかっています.

ほとんどのソーシャル共有ボタンはJavaScriptを使用しており、パフォーマンスに関してはこれは非常に面倒です。 Facebookまたはその他のソーシャルメディアサイトの停止が何度も発生し、共有ボタンをインストールしたユーザーのWebサイトの速度に大きな影響を与えている.

これに対する解決策は、ソーシャル共有ボタンを制限/削除するか、非同期にロードするように構成して、特定のソーシャルメディアサイトの停止によってウェブサイトの速度が低下しないようにすることです。.

ソーシャル共有ボタン

3.アナリティクスと広告ネットワークのコードを非同期で読み込む

アナリティクスのトラッキングコードと広告ネットワークのコードも、特にリモートサーバーが遅い場合やダウンしている場合に、ウェブサイトの速度を大幅に低下させる可能性があります。非同期配信を使用するようにすべてのトラッキングコードを設定することで、この問題を簡単に防ぐことができます。このようにして、サーバーの停止や広告ネットワークや分析サービスの遅延によってウェブサイトの速度が低下することはありません.

4. Expiresヘッダーを有効にする

Webサイトの速度に影響を与える要因はいくつかありますが、サーバーの応答時間がサイトの速度に大きく影響します。サーバーへのリクエストが多いほど、ウェブサイトの読み込みに時間がかかります.

Expiresヘッダーは、訪問者のブラウザーに対して、サーバーのブラウザーキャッシュからではなく、サーバーから特定のファイルを要求するタイミングを通知します。訪問者のブラウザーが1か月に1回だけファイルを要求するようにExpiresヘッダーが構成されていて、そのファイルが最近の訪問からキャッシュに保存されている場合、ブラウザーは1か月が経過するまでそのファイルを再度要求しません。これは、サーバー上のHTTPリクエストの数を制限し、同時に同じファイルが繰り返しリクエストされることがないため、サーバーの負荷を軽減するため、サイトの速度を向上させる両刃の剣のようなものです.

Expiresヘッダーをウェブサイトに実装したい場合は、GTmetrixによるこのチュートリアルでその方法を示します.

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

キャッシングは、ブラウザーにWebサイトのバージョンを保存し、Webサイトが更新されるまで、またはWebサイトのバージョンを更新するように指示するまで、そのバージョンをユーザーに提供することにより、Webサイトのユーザーにより高速なエクスペリエンスを保証します。.

使用しているプラ​​ットフォームに応じて、Webサイトのキャッシュを有効にする方法はいくつかあります。 WordPressの場合、次のプラグインをインストールできます。

  • W3合計キャッシュ
  • W3スーパーキャッシュ

より高度なものが必要な場合は、先に進んでWP Rocketを購入してください(おそらく最高です!)。 Drupalの場合、このリソースをフォローできます.

ウェブサイトのキャッシュを有効にする方法に関するその他のチュートリアルは次のとおりです。

  • HTTPキャッシングでサイトを最適化する方法
  • ブラウザーキャッシュの活用に関するGTmetrixの記事

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

ほとんどのサイトは米国のサーバーでホストされており、これらのWebサイトは一般に米国のユーザーや米国のVPNサービスを利用するユーザーの方が高速ですが、他の地域のユーザーのWebサイトは低速になります。 CDNは、世界のさまざまな場所にあるサーバーのネットワーク全体にWebサイトファイルを配布することでこの問題を解決し、インドからアクセスしようとするユーザーがヨーロッパのサーバーではなくアジアのサーバーからサービスを受けるようにします。これにより、ウェブサイトの速度が大幅に向上します.

CDNの有効性を判断するために、Matthew Woodward氏は実験を行い、CDNを使用するとWebサイトの速度が最大60%向上することがわかりました.

ここにあなたのための最高のCDNオプションのいくつかがあります:

  • Cloudflare(無料プランで十分です!)
  • KeyCDN(試してみる価値あり)

7.より良いWebホストを入手する

最速のウェブホスティングプロバイダーのリスト申し訳ありませんが、ここに投入する必要がありました…

ウェブサイトを高速化するために行っているすべての方法が機能していない、またはベストプラクティスに従うことによるサイト速度のわずかなわずかな違いに気付いていない場合は、おそらくウェブホストを変更するとき.

Marcus TaylorはSmashing Magazineの記事で、使用されていたWebホストが2人のクライアントのサイト速度にどのように影響したかを明らかにしました。両方のクライアントのウェブサイトは似ていますが、ホスティングプロバイダーが異なります。クライアントの1つは信頼できる専用サーバーでホストし、他のクライアントは安価なサーバーでホストしているため、サイトの応答時間に大きな違いがありました。専用サーバー上のクライアントのDNS応答時間は7ミリ秒でしたが、安価なサーバー上のクライアントの応答時間は250ミリ秒でした。微調整やプラグインはそのような違いを改善することはできません!

ウェブホストはウェブサイトの速度に関して非常に重要なので、こちらのホスティングレビューから良いものを選択してください。ただし、hostingfacts.comでのテストと分析によると、これら3つのホスティングプロバイダーが最速である必要があります(<400ms):

  1. A2ホスティング320ms
  2. Hostinger 363ミリ秒
  3. ブルーホスト380ms

したがって、Webサイトビルダー(Wixなど)を使用してサイトを構築したことがない場合は、調査を行って、Webサイトに最適なホストを見つけてください。.

8.あなたのウェブサイトのテーマ

あなたのウェブサイトのテーマは、サイトの速度にどの程度影響を与えますか?たくさん!ジュリアンフェルナンデスは、テーマを切り替えるだけで、ウェブサイトの読み込み時間を630ミリ秒から172ミリ秒に増やすことができました。これは同じサイト、同じホストで、ウェブサイトのテーマ以外は何も変更されなかったため、サイトの読み込み時間が大幅に増加しました.

肥大化したコードでくだらないテーマを使用すると、最良のサーバー構成でもサイトを保存できません。美学だけでなく、ウェブサイトのテーマを探す際にもパフォーマンスを考慮してください.

9.サーバーにGoogle PageSpeedをインストールしますgoogleページ速度

PageSpeedモジュールは、ウェブサイトの速度を自動的に最適化するGoogleのオープンソースサーバーモジュールです。ウェブサイトのパフォーマンスのベストプラクティスに従って、他に何もすることなくサーバーとファイルを変更します.

技術に精通している場合は、Google PageSpeedを自分でインストールできます。技術に精通していない場合は、Webホスト/開発者にインストールを依頼できます.

10.画像サイズの最適化と縮小

最適化されていないイメージは非常に重い可能性があり、その結果、多くのサーバーリソースを使用し、読み込みに時間がかかります。ウェブサイトの平均画像サイズが1 MBまたは2 MB以上の場合は、真剣に取り組む必要があります。次のツールを使用すると、画像のサイズを大幅に縮小し、品質に悪影響を与えないようにすることができます。

  • WP Smush(WordPressユーザー向け)
  • EWWW Image Optimizer(WordPressユーザー向け)
  • クラーケン(みんなのために– DrupalとJoomla)

11. Gzip圧縮を有効にする

あなたはおそらくあなたのコンピューター上のファイルを圧縮しようとしました、そしてあなたはこれがサイズの大幅な減少が何をもたらすことができるかを見ました; 60 MBのファイルは、わずか5 MBに圧縮できます。 Gzip圧縮は同じように機能しますが、Webサイト用です。 Gzipは自動的にWebサイトファイルをzipファイルに圧縮し、ファイルサイズを大幅に削減し、結果としてサイトの速度を向上させます.gzip圧縮

以前に参照したSmashing Magazineの記事では、Gzipが有効になっているために、サイトが68KBから13KBになりました.

あなたのウェブサイトでGzip圧縮を有効にしたいなら、GTmetrixによるこのガイドは始めるのに良い場所です.

12.データベースを定期的に最適化する

これはしばしば無視されますが、ウェブサイトの速度を上げる非常に強力な方法です。データベースの使用に大きく依存するWordPressやCMSを使用している場合に特に効果的です.

インストールする一部のCMSとプラグインは、データを保存するためにデータベースに大きく依存しています。これにより、CMS /プラグインを使用するときにデータベースに保存されるデータが増加し、Webサイトが徐々に遅くなります。これは特に、ログ、統計、ユーザーデータを保存するプラグインに適用されます。 WordPressを使用して、ポストのリビジョン、ピンバック、トラックバックを有効にした場合にも適用されます.

データベースを定期的にクリーンアップすることでウェブサイトをより速くすることができます。このプロセスは、WordPressを使用している場合はWP-Optimizeプラグインで自動化できます。または、このチュートリアルに従って手動で(他のプラットフォームの場合).

13. JavaScriptとCSSファイルを縮小する

Webサイトが多くのJavaScriptおよびCSSファイルを使用している場合、サイトが訪問者のブラウザーにこれらのファイルを個別に処理するように指示している可能性が高くなります。これは多くのリクエストにつながり、最終的にはサイトの速度に悪影響を及ぼします。 JavaScriptおよびCSSファイルを縮小すると、JavaScriptおよびCSSファイルを1か所にまとめることで個々のJavaScriptおよびCSSファイルの数が減り、Webサイトの速度が大幅に向上します。.

14.背景画像を画像スプライトに結合する

ユーザーのブラウザーがサーバーに対して行う必要がある要求が多いほど、そのユーザーのWebサイトの速度は低下します。ほとんどのWebサイトテンプレートは複数の背景画像で構成されており、訪問者がWebサイトをロードしようとするたびに、いくつかの異なるリクエストが作成されます。これに対する解決策は、それらの画像を1つに結合して、ビジターのブラウザーがWebサイトをロードするときに1つの画像のみを要求するようにすることです。これは画像スプライトで実現できます.

背景画像を画像スプライトに結合することにより、リクエストのオーバーヘッド、訪問者のブラウザーがダウンロードするバイト数、およびサーバーが他のリソースをダウンロードしているときに行われた往復によって引き起こされる遅延を減らすことができます。これははるかに高速なウェブサイトにつながります.

SpriteMeを使用して画像をスプライトに結合するか、このSmashing Magazineの記事の提案に従うことができます.

15. HTTPキープアライブを有効にする

通常、訪問者のWebブラウザーがWebサーバーからファイルを要求しようとすると、各ファイルが個別に取得されます。つまり、ファイルが取得されると接続が閉じ、再度開いて新しいファイルを要求します。これは、より多くのプロセッサ、ネットワーク、メモリを使用し、サーバーに多くの負荷がかかると、最終的にWebサイトの速度が低下します。 HTTPキープアライブを有効にすると、サーバーへのすべてのファイル要求が単一の開いた接続を介して行われることが保証され、サーバーへの接続数を制限することにより、ユーザーのウェブサイトがはるかに高速になります。.

以下のコードをコピーして.htaccessファイルに貼り付けることで、キープアライブを有効にできます。

ヘッダーセット接続キープアライブ

または、サーバーに応じて以下の手順を実行することもできます.

16.ウェブサイト上のすべての壊れたリンクを修正する

コンテンツ内のリンク切れはウェブサイトの速度には影響しませんが、ユーザーエクスペリエンスを低下させる可能性がありますが、JavaScript、CSS、画像URLのリンク切れは、ウェブサイトをイライラさせるほど遅くする可能性があります。リンク切れがないかウェブサイトのこれらの側面をスキャンし、ユーザーを遠ざける前に必ず修正してください.

17.画像のホットリンクを避ける

「インラインリンク」とも呼ばれる画像のホットリンクとは、自分のサーバーに画像を読み込むのではなく、他の人のWebサイトにある画像にリンクすることです。表面的には、これは特にトラフィック量の多いサイトの場合、多くの帯域幅を節約する行為のように見えますが、ホットリンクした画像をホストするWebサイトがダウンタイムを経験している場合、実際にはWebサイトを非常に遅くする可能性がありますまたは遅い.

コンテンツ内の画像でも、広告のバナー画像でも、リンクする前に、まずウェブサイトで画像をホストしてください。.

18.外部リクエストの数を制限する

Webサイトを完全に機能させるには、他のWebサイトのファイルとリソースに依存する必要があります。その結果、ビデオ、プレゼンテーション、その他のマルチメディアファイルを埋め込む必要があります。これは必ずしも悪いことではありませんが、多すぎる場合や、遅いWebサイトから外部ファイルを要求する場合は、サイトの読み込み時間に影響を与える可能性があります.

ウェブサイトが行う外部リクエストの数を制限するようにしてください。可能であれば、サーバー上でできるだけ多くのファイルをホストします。他のファイルについては、非常に信頼できるWebサイトからのみWebサイトに要求させる.

19.信頼できるCMSを使用する

CMSはWebサイトのフレームワークです。シンプルなHTMLや、WordPressやDrupalなどの信頼性の高い人気のあるCMSを使用している場合は問題ありません。ただし、あまり人気のないCMSや独自に作成したCMSを使用している場合、Webサイトの速度が低下するリスクがあります。 CMSを使用する前に、適切なテストを実行して適切な調査を行い、CMSが高速で信頼できることを確認してください。.

20. PHPアクセラレータを使用する

PHPを使用すると、Webサイトに常に同じ情報を入力し続ける必要が減りますが、Webサイトの読み込み時間が長くなる可能性があります。可能であれば、PHPファイルを静的HTMLファイルに置き換えてみるか、PHPに大きく依存している場合は、PHPアクセラレータを使用してWebサイトをより高速にすることができます。.

このウィキペディアのエントリには、使用できるいくつかのPHPアクセラレータのリストが含まれています.

21.他のユーザーが画像をホットリンクできないようにする

他の人の画像をホットリンクしないようにすることが重要であるのと同様に、他の人が自分の画像をホットリンクできないようにする必要もあります.

人々があなたの画像をホットリンクするとき、彼らの読者が彼らのウェブサイトで画像を見ようとするたびにあなたのサーバーにリクエストがなされるので、彼らは基本的にあなたの帯域幅を盗んでいます。サーバーでホストされている画像のホットリンクを無効にすることで、これを防ぐことができます.

Hongkiatに関するこの記事では、画像のホットリンクを防止する方法を説明します。また、このツールは、画像がホットリンクされるのを防ぐ.htaccessファイルを自動的に生成するのに役立ちます.

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

サイトの速度をテストする上記の提案を実装した後、ウェブサイトの速度をテストして違いがあるかどうかを確認する必要があります(違いがある場合は、コメントを残してください)。ウェブサイトの速度をテストするための推奨事項は次のとおりです。

Pingdom Webサイトスピードテスト:このツールを使用すると、サイトの読み込み時間を短縮し、サーバーリクエストの数を減らすことを目指します。このツールはまたあなたのウェブサイトの速度をオンラインの他のウェブサイトと比較します.

GTMetrix:このツールは、Google Pagespeed InsightsとYslowを使用してWebサイトの速度を分析し、AからFまでの評価を提供します。また、改善のための提案も提供します.

Webpage Analyzer:このツールは、ページサイズとWebサイトのダウンロード時間に関する情報を提供し、サイトの読み込み時間を改善する方法に関する提案を提供します.

Google Pagespeed Insights:100に近いスコアを目指す必要があります。また、使用できるモバイル速度テストツールもあります。.

Yslow:このツールは、Yahoo!のWebサイトのパフォーマンスに関するルールに基づいて、Webサイトの速度を分析します.

WebPageテスト:スコアが100に近ければ近いほど、Webサイトは高速になります.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector