開発者のための最高のWordPressパフォーマンスプラグイン
公開: 2019-01-29
あなたのWordPressウェブサイトは常に魅力的なデザインを持っているかもしれませんが、それがブラウザに正しく表示されない場合、訪問者はイライラすることになりかねません。 その結果、これはあなたの評判を傷つけ、あなたのブランドイメージ、ひいてはあなたのコンバージョン率に悪影響を与える可能性があります。
レスポンシブウェブデザイン手法は一連のパフォーマンスの問題を解決しますが、現在、画面は複数のサイズで利用できるため、いくつかの画面の最適化に焦点を当てることはあまり意味がありません。
これらの戦略は最終的にうまくいかないため、より強力で不必要に多くのお金を費やすサーバーを常に購入する必要はありません。 代わりに、将来のパフォーマンスの問題を回避するために何かを実行してください。
目次
- なぜウェブサイトのパフォーマンスが重要なのですか？
- 最高のWordPressパフォーマンスプラグイン
- クエリモニター
- 完全な分析最適化スイート（CAOS）
- perfmatters
- P3（プラグインパフォーマンスプロファイラー）
- WPロケットによるLazyLoad
- Disqusの条件付き負荷
なぜウェブサイトのパフォーマンスが重要なのですか？
ウェブサイトを訪問する訪問者にとって最も重要なことは、知覚される利益です。 ウェブサイトの訪問者にとって、ウェブサイトの読み込みにかかる時間以上に重要なことはありません。
Google PageSpeed Insightsで100/100を使用するなどの無駄な指標について考えるのではなく、訪問者がWebサイトの速度をどのように体験しているかを考えて理解することをお勧めします。 前者は単なる数値ですが、後者はユーザーエクスペリエンスにとって重要な指標です。
GoogleのWebパフォーマンスエンジニアであるIlyaGrigorikは、 High-Performance Browser Networkingで、人間の速度知覚の指標について概説しています。
- ユーザーにとって応答時間は即時に見えるため、100ミリ秒。
- 100〜300ミリ秒は、小さいながらも知覚可能な遅延を表します。
- 300ミリ秒–1秒は「マシンが動作する」と認識されます。
- 1秒は、ユーザーにとってかなりの遅延を表します。 したがって、1秒の待機時間は思考の流れを中断するのに十分であり、ユーザーはおそらく考え方を変え始めます。
WordPress Webサイトのユーザーエクスペリエンス（UX）がネガティブな場合、顧客を失い、最終的には大金を失います。
測定していないものを改善することはできません。 ウェブサイトの読み込み速度が測定されていない場合、その速度低下はおそらく検出されず、エラーが蓄積され続けます。
ウェブサイトが遅い理由はたくさんあり、時には非常に技術的です。 最も機密性の高い技術的側面では、Webサイトの速度低下の背後にある理由は、外部リソースの過度の使用、処理されないために表示をブロックするJavaScriptとCSSの集中的な使用、または重い画像である可能性があります。 平均して、これらはWebページの重量の60％以上に相当します。
最高のWordPressパフォーマンスプラグイン
これがあなたのウェブサイトのパフォーマンスに影響を与える要因を特定するのを助けることができる最高のWordPressパフォーマンスプラグインです。 読み進めましょう。
1.クエリモニター
60,000を超えるアクティブなインストールと平均評価4.9 / 5のQueryMonitorは、開発者向けの無料のWordPressパフォーマンスプラグインであり、デバッグフェーズのサポートを提供することを目的としています。 これは非常に便利なプラグインであり、WordPressの開発中に発生する可能性のあるほぼすべてのタイプのエラーを検出します。
クエリモニターは、WordPress管理バーにメニューを追加し、WordPressを通過するすべてのクエリ情報を強調表示します。 デバッグのコンテキストでは、HTTPリクエスト、データベースクエリ、Ajax、リダイレクト、PHPエラーの詳細など、多くの有用な情報を見つけることができます。
- データベースで実行されたクエリ：プラグインは、現在のページで実行されたすべてのクエリを表示し、遅いクエリ、重複したクエリ、およびエラーのあるクエリを強調表示します。 さらに、タイプ（SELECT、UPDATE、DELETE）、コンポーネント（コア、プラグイン、テーマに分割）、および関数でクエリをフィルタリングできます。
- スクリプトで使用されるフック：プラグインは、現在のページで実行されたすべてのフックを表示し、クエリと同じ方法でそれらをフィルタリングできるようにします。
- アクティブなテーマ：プラグインは、現在のテンプレートファイルの名前など、アクティブなテーマに関する情報を提供します。
- PHPエラー： wp-config.phpファイルの定数WP_DEBUGに値trueを割り当てることにより、WordPressによって提供される情報よりもはるかに詳細な情報があります。
- HTTPリクエスト：特にvarクエリ、ルールクエリ、パーマリンク構造タグに関して、HTTPリクエストに関する真の情報が提供されます。
- スクリプトとスタイル：プラグインは、ページ上のスクリプトとスタイルに関する情報を、それらの依存関係とバージョンとともに提供します。
さらに、このプラグインは、WordPressの開発中にあらゆる種類の有用なデータを提供する一連の要約シートを指します。
テーマとプラグインの選択で混乱していませんか？
無料のWordPressブループリントメーカーをお試しください
2.完全なAnalyticsOptimization Suite（CAOS）
Google Analytics Tracking Codeを使用し、PageSpeed Insightsを介してWebサイトをテストして、GoogleがWebサイトの負荷をどのように認識しているかを確認した場合は、圧縮を有効にしてコードのキャッシュを指定することをお勧めします。
幸いなことに、解決策があり、Google PageSpeedInsightsテストでそれらの追加の数値を獲得できます。 これは、Complete Analytics Optimization Suite（CAOS）プラグインを使用して行うことができます。
このWordPressパフォーマンスプラグインは、WordPressにAnalyticsコードを挿入するために使用され、Google AnalyticsのJavaScriptコードをローカルに保存し、それを最小化します。 これは、PageSpeedInsightsの要件を超えていることを意味します。
さらに（そしてここに天才的なタッチがあります）、このプラグインはWordPress wp-cronを使用して、Googleがコードを更新したかどうかを定期的にチェックします。 したがって、常に最新バージョンのAnalyticsを使用できます。 これで、このプラグインをインストールしたくない理由はありません。 きっと！
3.パフォーマンス
perfmattersを使用すると、HTTPリクエストとWebページのサイズを減らすことで、WordPressのパフォーマンスを少し改善できます。 このプラグインを使用すると、ページごと/投稿ごとにスクリプトを有効/無効にできます。 たとえば、人気のあるお問い合わせフォーム7は、サイトのすべてのページに読み込むのに適しています。 Perfmattersを使用すると、アップロードは連絡先ページでのみ実行されます。
perfmattersは、他のプラグインとは異なるアプローチでページの読み込み時間を改善するため、WordPressの速度を上げるために他のWordPressキャッシュプラグインとは異なります。
デフォルトでは、WordPressでは、ほとんどのWebサイトに必要ではなく、パフォーマンスが低下する特定のオプションが有効になっています。 perfmattersを使用すると、いくつかのボタンをクリックするだけでこれらのオプションを無効にできます。
Webページの読み込みが遅くなる傾向があるもう1つのことは、不要なHTTPリクエストです。 perfmattersを使用すると、ページごとにこれらのスクリプトを無効にできます。つまり、必要のないときにアドインがコードをロードしないようにすることができます。
したがって、perfmattersは、Webサイトの速度を向上させるだけでなく、特定のキャッシュプラグインを既に持っている場合でもインストールする価値のあるWordPressパフォーマンスプラグインの1つです。 要約すると、Perfmattersの主な機能は以下のとおりです。
- 既存のキャッシュプラグインで動作します
- デフォルトのWordPressオプションを無効にします
- 各ページのスクリプトを無効にします
- DNSプリロードをサポート
4. P3（プラグインパフォーマンスプロファイラー）
P3を使用すると、Webサイトのスキャンを実行できます。このスキャンでは、数ページの読み込み時間をランダムに分析して（ホーム、投稿、カテゴリなど）、均一な値を取得します。 最後に、インストールされているさまざまなプラグインをロードするために実際に使用された時間を示す、興味深く読みやすいグラフィックを伴う詳細なレポートを受け取ります。
P3は、WordPressで専用のページのみをスキャンし、リアルタイムではスキャンしないため、Webサイトのパフォーマンスに影響を与えないことに注意してください。 WordPressページを通常閲覧している間は読み込まれません。
そのコントロールパネルは、[ツール]→[P3プラグインプロファイラー]にあります。 表示されるウィンドウで[スキャンの開始]をクリックしてから[自動スキャン]をクリックすると、スキャンを開始できます。
[スキャンの開始]ボタンの横に、アクティブなプラグインの数、読み込み時間、ページの読み込み時間への影響、実行されたMySQLクエリの数などの主要なデータが表示されます。 下部には、詳細情報が記載された一連のカードがあり、ほとんどの場合、グラフの形式で表示されます。
明らかに、このデータは信頼できません。 これに関連して、Tom EwerはManageWPの詳細な分析を実施し、サポートフォーラムに説明を求めました。 通常のプラグインであるP3は、他のプラグインの実行またはサーバーの負荷（特に共有されている場合）が原因で、いくつかの不正確さを被る可能性があることが示されました。
これは、全体的な汚れではなく、P3が計算しようとしている特定の許容誤差に関するものです。 ただし、プラグインは、拡張機能の存在に関連するパフォーマンスの問題を強調するのに優れています。
P3から取得したデータを使用すると、アクティブなプラグインの数を減らしたり、特に重いプラグインを置き換えたり、削除したりできるため、より高速なWordPressWebサイトを取得できます。
特定のページまたはページのグループの読み込みを分析する場合は、手動スキャンを使用できます。
免責事項： P3はWordPressの最新の3つのメジャーリリースでテストされていませんが、開発者にとっては役立つ可能性があります。
5.WPロケットによるLazyLoad
遅延読み込みは、文字通り遅延読み込みに変換でき、画面に表示されている画像のみを読み込むことができます。 このように、必要なときに必要なものだけをロードすることで、多くのリクエスト、ロード時間、および帯域幅を節約できます。
このプラグインは、サムネイル、コンテンツまたはテキストウィジェットのすべての画像、アバター、およびスマイリーで機能します。
これが最高のWordPress遅延読み込みプラグインのリストです
WP RocketによるLazyLoadは、jQueryのようなJavaScriptライブラリを必要とせず、スクリプトの重量は10KB未満です。 このプラグインは非常にシンプルです。 プラグインがすべてを処理するため、広範な構成オプションはありません。
このWordPressパフォーマンスプラグインはWPRocketのチームによって作成され、WPRocketプラグインに正確に統合されています。 プラグインは<noscript>タグの間にsrc属性を持つ画像を挿入するため、SEOの心配はありません。
6.Disqusの条件付き負荷
Disqus Conditional Load（DCL）は、Disqus CommentingSystemに高度な機能を提供するフリーミアムプラグインです。 より多くの人がDisqusを使用してWebサイトにコメントを書き込むと、WordPressWebサイトのパフォーマンスが低下する可能性があります。 このプラグインは、遅延読み込み、コメントウィジェット、スクリプトの無効化などの領域でDisqusを変更するための強力なオプションを提供します。
DCLはまた、ショートコードを提供し、カスタム投稿をサポートし、コンテナーの幅を調整し、カウントスクリプトを有効/無効にします。 このプラグインは、Disqus Commenting Systemが原因でWebページの読み込みが遅いと感じた場合に、WordPressWebサイトの読み込み速度を向上させるのに役立ちます。
まとめ！
直接的および間接的に、Webサイトのパフォーマンスは、ユーザーエクスペリエンスとSEOに否定できない影響を及ぼします。 インバウンドマーケティングの観点からは、ソーシャルエンゲージメントとコンバージョン率にも影響します。 したがって、顧客を獲得して現金に変換したい場合は、Webサイトのパフォーマンスを真剣に受け止める必要があります。