なぜ私のウェブサイトはとても遅いのですか？ WordPressでウェブサイトの速度を向上させる方法は？

公開: 2017-05-26

私たちのウェブサイトの速度について不満がありますか？ この記事を注意深く読んでください。 一部のサイトではテーマの実行が速く、他のサイトでは遅くなる理由はたくさんあります。

この記事は、おそらくあなたのサイトがとても遅いと思っている人のためのものです。したがって、おそらく改善する必要があります。速度はどのウェブサイトにとっても重要な問題であることは誰もが知っています。あなたのサイトが遅すぎると、あなたの顧客はあなたのサイトを訪問せず、あなたは良い収入を得ることができません。

WordPressの速度に影響を与える多くの要因があります。したがって、この記事では、それらすべてを調査し、Webサイトを大幅に高速化するための簡単なソリューションをいくつか紹介します。また、ウェブサイトの速度の最適化に関するいくつかの誤解についても調査します。

A.サイトの速度を正しい方法でテストするにはどうすればよいですか？

これは最も簡単な質問のようですが、実際には、ほとんどの人が抱える最も新人の間違いです。
コンピューターからWebサイトにアクセスするだけでは、Webサイトの速度に関する正しい情報は表示されません。
次に、WebサイトGTMetrixまたはPingdomが正しいツールになると思うかもしれません。また違う。

実際、GTMetrixとPingdomは、サイトの速度をテストするための2つの最も人気があり信頼できるサイトです。ただし、サイトのURLをチェックボックスに入れるだけでは、サイトの速度を正しくテストするのに十分ではありません。

GTMetrixでの速度が遅くなるため、一部のお客様は常に速度について心配しています。

たとえば、この速度テストでは、ほぼ19秒の結果とFの総合スコアが得られます。

ただし、よく見ると、GTMetrixのデフォルトのテスト地域はカナダにありますが、ホスティングプロバイダーのほとんどはBluehost、A2hosting、Godaddyなどであり、米国またはヨーロッパに拠点を置いています。

さらに、あなたが米国に住んでいて、聴衆も米国に住んでいるとしましょう。その意味で、カナダのスピードテストは何の意味もありません。したがって、正しいテスト結果は米国で実施する必要があります。

GT Metrixにログインし、テスト領域をダラスに変更すると、Webサイトの速度が大幅に向上します。たとえば、この場合、19秒はわずか4秒に短縮されました。

カリフォルニア州サンノゼからテストした場合、速度は3.25秒に向上しました。

これが、LOCATIONがサイトの速度に影響を与える方法です。常に視聴者の近くにあるホスティング場所を選択することを忘れないでください。

別のテストでは、Bostjan Gartnarはヨーロッパに拠点を置いており、GTMetrixでのサイトの速度が約3.5秒であると不満を言っていました。ただし、上記の状況と同様に、GTMetrixのデフォルトの場所はカナダであり、Bostjanの視聴者はカナダに住んでいません。

これにはPingdomを試してみましょう。スウェーデンの人々のためにもう一度テストを行いましょう。サイトの速度は約600ミリ秒に低下します

教訓は、ロケーションファクターを検討する前にテストサイトを信頼しないことです。

あなたのサイトがグローバルオーディエンスにサービスを提供している場合はどうなりますか？サーバーは、世界中のあらゆる人々に数秒以内にサービスを提供できるほど高速でなければならないということですか？必ずしも。必要なのは、世界中の多くの地域でサイトのコンテンツをホストするCDN –コンテンツ配信システムです。

これは複雑なテクノロジーであり、グローバル化を目指す場合、技術チームはサーバーにCDNを展開する方法を確実に知っています。 CDNに関する私たちの提案の1つは、 Cloudflareで試すことができるということです。

B.次は何ですか？ウェブサイトの速度を向上させる方法は？これらを試してください：

1.コードを最適化する

サーバーは一部のコード行に比べて非常に強力ですが、それでも注意する必要があります。コードの最適化は、Webサイトの速度を向上させる上で最も重要なことの1つです。ただし、サーバーは強力です。1万行のコードを実行し、リクエストに対して数百のループを実行するWebサイトは、1,000行未満のコードと一部のループしか実行しない中規模のサーバーよりも常に低速になります。

サイトのソースコードには、サイトに害を及ぼす冗長なHTMLコード、Javascript、CSS、およびインラインCSSが多数含まれている可能性があります。幸い、これらすべてのコードを最適化し、不要なスペースを削除して、サイトを高速化する非常に簡単な方法があります。つまり、 Autoptimizeを使用することです。これは、すべてのWebサイト、すべてのデモで使用しているプラグインであり、その効果は非常に優れています。

ThemeForestの高品質なプレミアムテーマについては、コードを最適化し、不要なファイルを削除して、サイトがテーマで最高のパフォーマンスを発揮できるように最善を尽くしています。実際、PingdomとGTMetrixをチェックすると、ほとんどのWordPressテーマがグレードAになりました。

それらのほとんどは、1秒未満のロード時間も取得します。最新のアップデートで次のテーマを使用すると、サイトとテーマのコードを最適化するのに非常に役立ち、サイトのパフォーマンスが大幅に向上します。これらのテーマは、ThimPressの最新のテーマ作成手法であるThimCoreを使用しています。

教育ワードプレスのテーマ–教育WP

EdumaまたはEducationWPは、現在ThemeForestで最も売れているEducation WordPressテーマであり、その品質は、定期的な更新、熱狂的なサポート、高品質の機能、教育に関するデザインを備えたオフレコです。

雑誌のWordPressテーマ– Mag WP –雑誌に最適なテーマ。

ホテルワードプレスのテーマ–ホテルWP –ホテルやベッド＆ブレックファーストのビジネスを構築する場合に必須のテーマ

2.画像の最適化

100のサイトのうち90がこの問題を抱えていると言っても過言ではありません。サイトの所有者は、画像のサイズを縮小し、必要な領域に合わせるために事前編集せずに画像をアップロードします。
たとえば、多くの人は5MBのポートレート画像をアバターボックスにアップロードします。アバターボックスには、最大200kBを必要とする90×90ピクセルの画像のみが必要です。これは、アバターだけで4.8MBの無駄です。そして、あなたのサイトには画像を必要とする場所がもっと増えるでしょう。

常に画像のサイズを変更し、意図した位置に合わせるようにしてください。
Photoshopを使用して、 Web用に保存することを選択し、画像を最適化するために寸法、色数をカスタマイズできます。

WPSmushなどのWordPressImage Optimizationプラグインを使用して、Webサイトの速度を上げることもできます。 WP Smushは、画像をWebサイトにアップロードするたびに、画像を自動的に最適化します。
現在、これは画像最適化のための最もよく知られているプラグインの1つです。

また、あなたのウェブサイトのための多くの異なる画像サイズを再生成する再生成サムネイルを使用することができます。たとえば、画像の再生成を使用する場合、上記の5MBのアバターはさまざまなバージョンに変換されます。また、90×90ピクセルのアバター専用バージョンもあります。

最後に、サイトに大量の画像が必要な場合は、遅延読み込みを使用して、サイトの構造とテキストのみを最初に読み込むことができます。次に、画像までスクロールしたときにのみ画像を読み込みます。ロードプロセスが多くのフェーズに分割され、ヘビーイメージが要求された場合にのみロードされるようにします。

3.キャッシングプラグインを使用します

もう1つのヒントは、キャッシュプラグインを使用して、Webサイトのスクリーンショットを保存したり、CSSまたはJavaScriptファイルをキャッシュしたりすることです。そのため、訪問者は以前にロードされなかったものだけをロードする必要があります。これにより、サイトの速度を大幅に向上させることができます。

キャッシングに最適なプラグインの1つは、 W3 TotalCacheです。

これは、Bostjanがサイトの速度を1秒未満に向上させるのに役立ったW3 TotalCache構成です。

以下は、試すことができる他のいくつかのキャッシングプラグインです。

Swift Performance –WordPressキャッシュとパフォーマンスブースター

これは比較的新しいプレミアムキャッシングプラグインであり、サイトのパフォーマンスを迅速に向上させるのに役立ちます。

WPスーパーキャッシュ
WPロケット

つまり、WP Rocketは、3つの支払いプランが提供されるプレミアムWordPressキャッシングプラグインです。技術的には1回限りの料金を支払うだけで済みますが、毎年支払いを続ける場合は、サポートと更新が含まれます。とは言うものの、1つのWebサイトのキャッシュは39ドルで、3つのWebサイトは99ドル、無制限のWebサイトは199ドルでサポートされています。

他の無料のプラグインを見つけることができますが、これらは市場で最も機能満載のキャッシングプラグインの1つの品質率です。プラグインの無料試用版や無料版はありませんが、開発者は14日間の返金保証を提供しています。

WP Rocketプラグインが非常に気に入っている理由の1つは、そのシンプルなユーザーインターフェイスと迅速なセットアップのためです。これは、サイトを高速化する機能を備えたWordPressキャッシングプラグインですが、初心者なら誰でも座って、関連するほとんどの設定を理解できます。

4.未使用のプラグインを削除します。

サイトを徹底的にチェックし、使用していないプラグインを非アクティブ化することは悪い考えではありません。
WordPressを使用する場合、多くの無料プラグインをインストールするように求められます。ただし、それらのほとんどを使用することはなく、これらのプラグインはWebサイトの広々としたスペースを占有します。一方、訪問者からのリクエストについては、WordPressコアエンジンがそれらをデプロイする必要があり、Webサイトの速度を上げるために使用される可能性のあるリソースを不必要に浪費することになります。

また、時々使用するプラグインがあり、サイトの速度が大幅に低下する可能性があります。この場合は、あなたのサイトに害を与えているプラグインを見つけ、P3プロファイラを使って、それらを維持するか無効にするかを決定することができます。

P3 Profilerは、遅いプラグインを見つけて各プラグインのパフォーマンスを報告するのに役立ちます。これにより、どのプラグインを保持し、どのプラグインを削除するかを知ることができます。

5.サーバーの最適化

WordPressサイトの速度最適化に関する最後のヒントは、サーバーの最適化です。これは非常に高度な場合があり、共有ホスティングプランの代わりにVPSを使用している場合にのみ心配する必要があります。これは、サーバーを単独で管理している場合、サーバーの構成が間違っている可能性があるためです。以前に場所についてお話ししたので、二度と言及しません。ただし、サーバーの最適化では、特に実行している場合にWebサイトを最適化するために実行できることが他にもいくつかあります。

EasyEngineを使用する

Easy Engineの最も優れている点は、キャッシュオプションとHHVMおよびページ速度のサポートに大いに役立つことです。

Nginxの最適化

これは高度なテクニックなので、LinodeとDigitalOceanの最も包括的なチュートリアルをいくつか挙げます。

Nginx構成を最適化する方法

最適化されたパフォーマンスのためにNginxを構成する方法

NGINX：サーバーを飛ばす

最高のパフォーマンスを得るためのNGINXチューニング

パフォーマンスのためのNGINXの調整

6. PHP 7を使用して、Webサイトを大幅に高速化します

現在、PHP 7.0は最新のPHPバージョンであり、ほぼ2年間リリースされているため、非常に安定しています。

WordPress.ORGはまた、ユーザーにPHP 7の使用を推奨しています。現在、PHP7を使用しているWordPressユーザーは100人中9人です。ホスティングプロバイダーに連絡して、PHP5からPHP7に変更するよう依頼してください。現在、多くのホスティングサービスではPHP5がデフォルトのPHPバージョンです。

以下は、 Eduma – Education WPテーマの速度テストテーブルです。構成されていない、PHP 5.6.28のキャッシュサーバーがなく、PHP7.0.18を使用しているサーバーがあります。

どうやら、PHP 7は常に高速で、PHP 7を使用するEdumaの平均読み込み時間はわずか1.5秒未満ですが、PHP5はサイトを完全に読み込むのに約5秒かかります。

続きを読むWebホスティングがサイトの速度に与える影響