工業製造
産業用モノのインターネット | 工業材料 | 機器のメンテナンスと修理 | 産業プログラミング |
home  MfgRobots >> 工業製造 >  >> Industrial Internet of Things >> クラウドコンピューティング

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

インターネット全体の約30%がWordPressで運営されています。WordPressのパフォーマンス課題はよく知られています。事実、ユーザーをWebページに留めさせるには、秒単位、場合によっては秒のわずかな部分しかありません。ページ読み込み時間が1秒から3秒に増加するだけで、ユーザーがサイトを離れる確率は32%上昇します。5秒まで伸びれば、直帰率は劇的に90%まで跳ね上がります。ユーザー体験と訪問者維持への影響に加え、サイト速度は検索エンジンでの順位にも影響します。Googleは、より速く読み込まれるサイトを優遇することを明確にしています。他の要因が同等なら、貴社サイトが競合より速ければ、Googleはランキングで優遇します。主な原因には以下があります:

WordPressを高速化する方法という問いに答え、潜在顧客を逃さないための25のヒントを紹介します。

1. 高品質なWordPressホスティングプロバイダーを選ぶ

数百の他サイトと同じリソースを奪い合う共有ホスティング上にサイトがあるなら、イライラするほどの遅さを感じるかもしれません。小規模サイトなら、十分なメモリを含む評判の良いプロバイダーであれば、共有ホスティングでも完全に許容範囲です。月間約3万アクセス以上に達したら、専用サーバー、あるいは最低でも仮想専用サーバー(VPS)への移行を検討しましょう。これらはどちらも、「悪い隣人」が共有リソースを独占するのを防ぎます。専門家は、ターゲットオーディエンスに物理的に近いサーバーを探すことも推奨しています。データが移動する距離が短ければ、それだけ速く到着します。多くのホスティング会社が共有WordPressホスティングパッケージを提供しています。これらはストレージが少なめですが、より高速で専用のハードウェアパッケージを提供することが多いです。さらに良いのは、マネージドサーバーホスティングソリューションが、他の利用可能なオプションより安価で包括的であることが多いことです。

2. WordPressアップデートを迅速に適用する

セキュリティ専門家にとって、迅速なアップデート適用は自明の理です。しかし実践では、WordPressサイトの約40%しか最新版を実行していません。ソフトウェアアップデートには、セキュリティ改善に加えて速度改善が含まれることが多いため、ASAPで更新しましょう。アップデートはWordPressセキュリティプラグインにも適用されます。これらは速度ボトルネックとセキュリティ脆弱性の主な原因となり得るため、さらに重要だと言う人もいます。毎日利用可能なアップデートをチェックすることを推奨します。

3. 肥大化したテーマを避ける

速度を意識してWordPressテーマを選びましょう。骨組みだけのサイトにしろという意味ではありませんが、「何でもあり」のテーマも避けるべきです。多くの商用WordPressテーマには、使われない機能が満載です。それらの機能がサーバー上でアイドル状態で保存されているだけで、パフォーマンスに足を引っ張ります。デフォルトのTwenty Fifteenテーマは、モバイルファーストを含む十分な機能を備えつつ、合理化されスリムです。必要なものだけを提供するWordPressテーマを探しましょう。

4. キャッシュプラグインを使用する

サイトをキャッシュすると、Webサイトを劇的に高速化でき、このリストで最も重要な修正の一つです。キャッシュプラグインを使えば、以前に生成されたページのコピーがメモリに保存され、次回必要な時に素早く取得できます。Webページをキャッシュするのは、WordPressデータベースに複数回クエリを投げてソースから読み込むより、はるかに高速です。リソースにも優しいです。キャッシュプラグインは、ページコンテンツが更新されればキャッシュコピーをリフレッシュするほど賢いです。WordPress高速化に推奨されるキャッシュプラグインには、WP Super Cache(無料)、W3 Total Cache(無料)、WP Rocket(有料だがテストで最速)があります。

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

5. 画像を最適化する

画像が適切な形式(グラフィックはPNGまたはGIF、写真はJPEG)で、必要以上に大きくないことを確認しましょう。これはWordPress高速化の最も簡単な方法の一つです。画像を圧縮して小さくすれば、エンドユーザーのダウンロードが速くなります。アップロード前に手動で圧縮するか、WP Smushなどのプラグインで自動化できます。WP-Smushなら、WordPressサイトにアップロードするすべての画像が自動的に圧縮されます。高解像度スクリーンを意識した画像最適化も重要です。特定デバイス向けに最高解像度画像を配信するなら、@2x(とそのバリエーション)コードを活用しましょう。

6. CDNの導入を検討する

コンテンツデリバリーネットワーク(CDN)は、地理的に分散したサーバーグループが連携してコンテンツを高速配信する仕組みです。静的WebサイトコンテンツのコピーがCDNにキャッシュされます。静的コンテンツには、画像、スタイルシート、JavaScriptファイルなどが含まれます。ユーザーのブラウザが特定コンテンツを要求すると、CDNの最寄りノードから読み込まれます。例えば、ユーザーが英国にいて、Webサイトが米国でホストされている場合、データは大西洋を横断する必要がなく、近くのCDNノードから配信されます。高トラフィックサイトでは、CDNにさらなるメリットがあります。CDNなしでは全ページが単一ロケーションから配信され、単一サーバーに全負荷がかかります。CDNがあれば、自社以外の複数サイトにサーバー負荷が分散されます。CDNは、分散型サービス妨害(DDoS)攻撃などのセキュリティ脅威から保護する効果もあります。CDNはWordPressホスティングサービスではありません。パフォーマンス向上のために活用できる別サービスです。Cloudflareは無料版があるため小規模サイトで人気。StackPath(旧MaxCDN)は無料ではない(月額9ドルから)ですが、初心者向けコントロールパネルと、主要WordPressキャッシュプラグインとの連携機能を備えています。

7. 遅延読み込み(Lazy Loading)を設定する

訪問者が見えない画像を読み込むために、貴重なWebサイト帯域幅(と時間)を費やす必要がありますか?遅延読み込みは、「画面内(スクロール前に見える部分)」の画像のみを即座に読み込み、残りはユーザーがスクロールダウンするまで遅らせます。ページに複数の画像や動画があり、サイト速度を低下させる場合に特に有効です。WordPress高速化の多くと同様、これにもプラグインがあります。人気なのは、BJ Lazy LoadとLazy Load by WP Rocketです。

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

8. 最高のWordPress高速化プラグイン

WordPressデータベースには、Webサイトのすべてのコンテンツが格納されています。ブログ投稿、リビジョン、固定ページ、コメント、フォームコンテンツなどのカスタム投稿タイプも含まれます。テーマとプラグインがデータと設定を追跡する場所でもあります。サイトが成長するにつれ、データベースも肥大化し、各テーブルが必要とするオーバーヘッドも増大します。サイズとオーバーヘッドが増えると、データベースの効率は低下します。定期的に最適化すればこの問題を緩和できます。ハードディスクのデフラグのようなものと考えてください。ホスティングコントロールパネルのSQL WordPressデータベースツールでデータベースを最適化できます。多くの場合、これはphpMyAdminです。phpMyAdminを使用する場合、データベース内のすべてのテーブルを選択するチェックボックスをクリック。画面下部のドロップダウンメニューから「テーブルを最適化」を選択します。あるいは、WP-OptimizeやWP-DB Managerなどのプラグインをインストールする方法も。プラグインなら、最適化に加え、不要なアイテムの削除も自動で行えます。ゴミ箱入りや未承認コメント、古いデータを保存して時間とスペースを浪費する理由はありません。

9. プラグインを健康診断する

サイトに追加するすべてのプラグインは、追加コードをもたらします。多くはさらに多くのコードを追加し、他ドメインからリソースを読み込みます。悪いプラグインは12個の外部ファイルを読み込む一方、最適化されたものは1〜2個で済みます。プラグイン選定時は、実績ある開発者によるもの、信頼できる情報源で推奨されているもののみを選びましょう。WordPress公式リポジトリで検索する場合、同じプラグインを他に何人が使っているか確認するのが手っ取り早いチェックです。プラグインがサイトを遅くしていると判明したら、同じ仕事をより効率的にこなす別のプラグインを探しましょう。Pingdom(ファイルリクエスト欄を見る)やGTmetrix(ウォーターフォールタブを見る)などのツールで、最も悪影響を与えている犯人を特定できます。

10. 不要なプラグインを削除する

すべてのプラグインはリソースを消費し、サイト速度を低下させます。古い未使用プラグインをデータベースに放置しないでください。シンプルに削除して、WordPressパフォーマンスを改善しましょう。

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

11. 静的リソースにExpiresヘッダーを設定する

Expiresヘッダーは、前回読み込み以降変更される可能性が低いコンテンツを、ブラウザがわざわざ再取得しないよう指示する仕組みです。Webサーバーから新しいコピーを取得する代わりに、ユーザーのコンピューターにローカル保存されたコピーを利用するため、はるかに高速です。GTmetrixの便利な記事で説明されているように、ルートの.htaccessファイルに数行のコードを追加することで設定できます。

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

なお、まだサイト開発中でCSSを頻繁に変更する可能性がある場合、CSSファイルに遠い未来の有効期限を設定すべきではありません。そうしないと、訪問者が最新のCSS調整の恩恵を受けられなくなる可能性があります。

12. ホットリンクを無効化する

ホットリンク(別名:リーチング)は帯域幅盗難の一種です。仕組みはこうです:別のウェブマスターが、貴社サイトのコンテンツ(通常は画像や動画)を直接自分のコンテンツ内からリンクします。画像は泥棒のWebサイトで表示されますが、読み込みは貴社サーバーから行われます。ホットリンクはサーバー負荷を増やし、サイトパフォーマンスを低下させます。ウェブエチケットとしても最低です。特定タイプのコンテンツ(画像など)への外部リンクをブロックすることで、サイトをホットリンクから守れます。ホスティングサービスからcPanelやWHMが提供されているなら、それらに組み込まれたホットリンク保護ツールを使えます。Apache Webサーバー(Linuxホスティング)を使用しているなら、ルートの.htaccessファイルに数行のコードを追加するだけです。内部リンクやGoogleなど検索エンジンからのリンクを許可する主要なコード文字列を選べます。フィードサービスからのリンク許可や、ホットリンクされた画像の代わりにデフォルト画像を表示するなど、より複雑なルールも追加可能です。

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

内部リンクやGoogleなど検索エンジンからのリンクを許可する主要なコード文字列を選べます。フィードサービスからのリンク許可や、ホットリンクされた画像の代わりにデフォルト画像を表示するなど、より複雑なルールも追加可能です。

13. GZIPを有効化する

ページサイズを減らすことは、高速配信に不可欠です。GZIPは、送信側でファイルを圧縮し、受信側で復元するアルゴリズムです。サーバーでGZIP圧縮を有効化すると、ページサイズを最大70%削減し、ページ読み込み時間を劇的に短縮できます。ブラウザがページを要求すると、「Content-encoding: gzip」レスポンスヘッダーの存在を確認します。存在すれば、サーバーがGZIPを有効にしており、HTML、スタイルシート、JavaScriptなどを圧縮可能と判断します。最近では多くのサーバーでデフォルトでGZIPが有効ですが、確認するのがベストです。この無料GZIP圧縮チェックツールで確認できます。GZIPをオンにする必要がある場合、WP Rocketなどのプラグインを使うのが最も簡単です。W3 Total Cacheでも、パフォーマンスオプションで有効化できます。権限問題でプラグインが使えない、または使いたくない場合、Linuxホスティングならサイトのルート.htaccessファイルを自分で修正して有効化できます。.htaccessでgzipをオンにする方法を解説した記事を参照してください。

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

14. WordPressサイト速度のためにホームページを最適化する

ホームページは、ブランドとビジネスの第一印象を作ります。モバイル対応、快適なUI/UX、そして何より速度の最適化が不可欠です。実施すべきステップ:

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

15. 動画は外部ホスティングする

動画をメディアとしてアップロードし、自サイトで配信する代わりに、動画サービスを活用して帯域幅と処理をオフロードしましょう。Webで2番目にトラフィックの多い検索エンジンであるYouTube、またはVimeoのような類似サービスに動画をアップロードします。その後、少量のコードをコピーし、サイトの表示したい投稿に貼り付けます。これが動画埋め込みです。ユーザーがページを見ると、動画はサードパーティサーバーからストリーミングされ、自社サーバーからは配信されません。ホットリンクとは異なり、動画のようなメディアリッチなコンテンツでは、これが推奨プラクティスです。

16. 投稿リビジョンを制限する

以前のバージョンに戻せる機能は便利ですが、作成したすべての投稿のすべてのコピーを保持する必要がありますか?おそらく不要です。これらの余分なコピーはデータベースを肥大化させ、オーバーヘッドを増やすため、保存数に上限を設けるのがベストです。Revision Controlなどのプラグインを使うか、wp-config.phpファイルに以下の行を追加して上限を設定できます:

define( 'WP_POST_REVISIONS', 3 );

納得できる数を設定してください。何でも、制限なしで自動保存されるデフォルトよりは少なくなります。

17. デフォルトGravatar画像を空白に設定する

Gravatarは、誰でもプロフィールを作成し、関連付けられたアバター画像をメールアドレスに自動リンクできるWebサービスです。ユーザーがWordPressブログにコメントを残すと、アバターが一緒に表示されます。ユーザーがGravatar画像を設定していない場合、WordPressはデフォルトのGravatar画像を表示します。これにより、何十件ものコメントに同じ、情報価値のない「謎の人物」画像が表示されることになります。役に立たないもののためにページ読み込み時間を浪費する理由はありません。削除しましょう。デフォルトGravatar画像の変更は簡単です。WordPress管理ダッシュボードで、設定 > ディスカッションへ進み、アバター欄までスクロール。デフォルトアバターで「空白」を選択。完了です。

18. ピンバックとトラックバックを無効化する

ピンバックとトラックバックが実装された当初は、クレジット共有と関連コンテンツ参照の手段として意図されていました。実態では、主にスパムの手段となっています。受信するたびにデータベースにエントリー(=より多くのデータ)が追加されます。自サイトからスパマーのサイトへリンクを与えること以外にほとんど使われないため、完全に無効化することを検討しましょう。設定 > ディスカッションへ進み、デフォルト投稿設定の「他ブログからのリンク通知を許可する(ピンバック・トラックバック)」のチェックを外します。これは今後のピン/トラックを無効化しますが、既存投稿には遡及適用されません。

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

19. コメントをページ分割する

ブログに大量のコメントがつくのは素晴らしいことですが、全体のページ読み込みを遅くする可能性があります。この潜在的問題を解消するには、設定 > ディスカッションで「コメントをページごとに分割」のチェックボックスをオンにします。ページあたりのコメント数と、新しい順・古い順どちらを先に表示するかを指定できます。

20. スライダーを撤廃する

スライダーが見栄えするかどうかは意見が分かれます。しかし、WordPressサイトを遅くするという事実に変わりはありません。スライダーは読み込みに時間がかかる余分なJavaScriptを追加し、コンバージョン率を低下させます。メインコンテンツをページ下部に押しやり、見えなくさせることも。パフォーマンスを犠牲にして、効果の薄い目玉要素を置く理由はありません。

21. スクリプトをフッターに移動する

JavaScriptはあらゆる面白いことを可能にする便利なスクリプト言語です。しかし、魔法を実現するスクリプトの読み込みには時間がかかります。スクリプトをフッターに置けば、それでも読み込まれますが、ページの他の部分をブロックしなくなります。スクリプトが特定の順序で読み込まれる必要がある場合もあるため、移動時は同じ順序を維持しましょう。

22. ボタンとアイコンをCSSスプライトに統合する

スプライトは、複数の小さな画像で構成される一つの大きな画像です。CSSスプライトを使えば、スプライト画像を読み込み、表示したい部分だけを位置指定で表示できます。その結果、各構成画像への個別HTTPリクエストではなく、画像への1回のHTTPリクエストで済みます。

23. JavaScriptとCSSをミニファイする

ミニファイとは、特定ファイルを小さくして、より速く転送できるようにするプロセスです。ソースコードから空白、改行、不要な文字を削除することで実現します。Better WordPress Minifyは人気のミニファイプラグインで、多くのカスタマイズオプションがあります。最初の2つの一般オプションをチェックすることから始めましょう。これらは、JavaScriptとCSSファイルをミニファイすることを指定します。プラグインは元ファイルをその場に残し、新しいミニファイ版コピーを作成する仕組みなので、必要なら元に戻せます。

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

24. ランディングページリダイレクトを避ける

WordPressは多くのことに賢いですが、リダイレクトもその一つ。訪問者がhttps://yourdomain.com/greatarticle.htmlと入力し、サイトがwwwプレフィックスを使用する設定なら、正しいページ(wwwプレフィックス付き)https://www.yourdomain.com/greatarticle.htmlへ自動リダイレクトされます。しかし、ユーザーがhttps://と入力したら?目的のページには到達するでしょうが、HTTPSがHTTPに変換され、さらにwwwURLへリダイレクトされるという、もう一つのリダイレクトが発生する可能性があります。ターゲットページ読み込みまでの待ち時間が増えます。リダイレクトは訪問者を正しいページに着地させるのに便利ですが、時間がかかり読み込みを遅らせます。したがって、可能な限り避けるべきです。自サイトのページにリンクする際は、リダイレクトされない正しいバージョンのURLを使用しましょう。また、サーバーを設定し、HTTP/HTTPSやwwwのいかなる組み合わせでも、最大1回のリダイレクトで目的URLに到達できるようにすべきです。現在サイトで採用されているリダイレクト状況を確認するには、このリダイレクトマッパーでいくつかのURLを試してみてください。2回以上のリダイレクトが見られたら、訪問者がより速く正しい場所に到達できるよう、サーバーを修正する必要があります。Linuxホスティングなら、.htaccessファイルにURL書き換えルールを追加して実現できます。他のホスティングプラットフォームなら、ダッシュボードでリダイレクト設定オプションがないか確認し、なければ技術サポートに依頼して修正してもらいましょう。

25. PHPを静的HTMLに置き換える

PHPは高速実行言語ですが、静的HTMLほど速くはありません。テーマがヘッダーで半ダースのPHP文を実行している可能性があり、これらを静的HTMLに置き換えられます。ヘッダーファイル(外観 > テーマエディター)を見ると、以下のような行が多数あります:

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

太字部分は、ページ読み込みごとに実行されるPHPです。最小時間ですが、静的HTMLより遅いです。ウェブサイトを可能な限り速くする決意があるなら、PHPをテキストに置き換えられます。置き換え後のテキストを知るには、Webページを見ながら「ページのソースを表示」(右クリック > ソースを表示)を使います。以下のように表示されます:

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

太字部分が、処理されたPHPコードから生成されたテキストです。元のPHP呼び出しをこのコードで置き換えます。ヘッダーの主要PHP呼び出しだけでこれを実行しても、最低6回のPHP呼び出しを削減できます。SEO目的で異なるタイトルや記事タイトルを別ページで使用している場合、最初の行のPHPは変更しないでください。フッターとサイドバーでも、PHPをテキストに置き換えられる機会がないか確認しましょう。

WordPress高速化:爆速サイトを実現する25の実証済みテクニック

サイト速度:すべてを統合するWordPress最適化

ここまでで、WordPressサイトを高速化する方法をしっかり理解できたはずです。ユーザーの注意を素早く引きつける、パフォーマンスと速度に焦点を当てたレスポンシブサイトの重要性が理解できたはずです。このガイドを読み進める中で、貴社サイトに大幅な改善余地があることに気づかれたことでしょう。上記のヒントを適用後、GoogleのTestMySiteとPageSpeed InsightsでWordPressサイト速度テストを再実行してください。改善された速度に嬉しい驚きがあるはずです。Google Analyticsデータを監視し、訪問者数とページ滞在時間がどう変化したか確認しましょう。これは最適化効果を監視する継続的なツールになります。速度は重要ですが、すべてではありません。すべての画像、動画、プラグインを削除し、骨組みだけのテーマを使えば驚異的な読み込み速度は出せますが、サイトは退屈なものになるでしょう。代わりに、速度を重視しつつ、見た目と機能とのバランスを取りましょう。お客様は違いに気づきます。間違いありません。さあ、WordPressサイトを高速化する準備は整いました!

クラウドコンピューティング

  1. PLC修理・トラブルシューティング専門ガイド:コントローラーをスムーズに稼働させる
  2. 医療機器設計: エキスパートのヒントと実証済みプラクティス
  3. シュバリエFBL-1233傾斜床旋盤:高精度・高速・多機能で多品種・大量生産に対応
  4. 必須機械メンテナンス:定義とオペレーター/エンジニア向け実証済みヒント
  5. CNC工作機械の代表的な8つの故障とエキスパートトラブルシューティングガイド
  6. パブリッククラウドパフォーマンスのベンチマーク:なぜ重要か、どう行うか
  7. クラウドアプリケーション監視の極意:ITリーダーが知るべき洞察
  8. 自動テストとパフォーマンス監視でSaaS/クラウドセキュリティを強化
  9. スタートアップとエンタープライズのための必須クラウド戦略7選
  10. Azureでクラウドネイティブアプリケーションを構築:ツール、ベストプラクティス、成功のコツ
  11. Azure上のKubernetesをマスター:実証済みツール、ヒント、ベストプラクティス