WordPressサイトを最適化して高速化する10の方法
公開: 2016-02-11最近のMicrosoftの調査によると、注意力が2000年の12秒から2013年の8秒に減少したことが示されているため、Webユーザーが焦りを感じていることがますます明らかになっています。 さらなる調査によると、読み込みに3秒以上かかると、40%の人があなたのウェブサイトを放棄します。
WordPressはデフォルトで軽量で高速ですが、平均的なWebユーザーの構成では、処理が遅くなり、非常に複雑になる可能性があります。 高速なWordPressサイトが必要な場合は、次のヒントに特に注意してください。
1.データベースを定期的に最適化する
WordPressはデータベースに大きく依存しているCMSであり、これはエクスペリエンスの低下につながる可能性があります。
次の側面は、多くのデータベースを利用しており、Webサイトの速度が低下する原因となる可能性があります。
改訂後:改訂後はデータベースをすぐに詰まらせ、サイトの速度を低下させる可能性があります。 各投稿リビジョンはデータベースの新しいエントリであり、これはすぐに追加されます。 ポストリビジョンを無効にするか、制限することができます。 限定的なリビジョンが必要な場合は、以下のコードを追加して
wp-config.php
ファイルを更新できます。[コード]
define( 'AUTOSAVE_INTERVAL'、300); //秒
define( 'WP_POST_REVISIONS'、5);
[/コード]上記のコードは、WordPressに最大5つのポストリビジョンを保存し、5分間隔でのみリビジョンを保存するように指示しています。 改訂後のニーズを反映するようにコードを編集できます。
または、wp-config.phpファイルにコードを追加したくない場合は、リビジョン管理またはWP-Sweep WordPressプラグインをインストールして、リビジョン後を自動的に管理できます。
- ピングバックとトラックバック:ピングバックとトラックバックもデータベースを詰まらせる可能性があるため、無効にすることをお勧めします。
- ブログのコメント:データベースのスペースを不必要に占有しているスパムコメントが何千もあることがわかるまで、ブログのコメントは必ずしも悪いものではありません。 スパムコメントを定期的に削除して、メモリスペースを占有しないようにしてください。
- プラグイン:一部のプラグインは、データベースにデータとログを保存します。 最初は、それらがどれだけのスペースを消費しているかがわかるまで、それらは有用であることがわかります。 私はURL短縮プラグインを持っていて、分析データが160MBものデータベーススペースを使用していることも示しています。 はい、それはたった1つのプラグインです! 通常、これらのプラグインは不要であり、削除または置換できます。
- 分析とログ:通常、サイトに分析とログデータを保存するプラグインには注意してください。 ほとんどの場合、それらは多くのデータベーススペースを使用し、Webサイトを複雑で遅くする可能性があります。
さらに良いことに、WP-Optimizeプラグインをインストールし、それを使用してデータベースを定期的にクリーンアップすることができます。
2.画像を最適化する
画像のサイズは、サイトの読み込みにかかる時間になります。 これは特に、画像の多いサイトを運営している場合や、すべての記事に画像を使用していて、それらをホームページにも読み込む必要がある場合に発生します。
これを行うには2つの方法があります。
- 画像のサイズを定期的に最適化および縮小します。 後で説明するように、品質を損なうことなくこれを行うことができます。
- 画像の読み込みを遅らせる。 このように、リーダーが画像のある場所までスクロールするまで、画像は読み込まれません。 これは、サイトの読み込みの問題を防ぐのにも役立ちます。
画像を最適化することにより、品質を犠牲にすることなく2mbの画像を600kbに減らすことができます。 これは、ユーザーエクスペリエンスに必要のない画像に埋め込まれた情報を取り除くことによって行われます。 WPSmushプラグインまたはEWWWImage Optimizerプラグインをインストールすることで、WordPressブログの画像を最適化できます。 WordPressに限定されない手動オプションについては、Krakenをご覧ください。
3.ヘッダーのキャッシュと期限切れを有効にする
キャッシュが有効になっている場合、ほとんどのWordPressWebサイトは2倍高速になる可能性があります。 キャッシュは、訪問者のブラウザキャッシュにWebサイトのバージョンを保存することで機能するため、訪問者がWebサイトにアクセスするたびに、キャッシュされたバージョンが自動的に提供されます。 通常、キャッシュ設定を別の方法で構成しない限り、Webサイトを更新するときに訪問者のブラウザーのキャッシュが更新され、訪問者が何も失わないようにします。
キャッシュを効果的に利用することにより、次の方法でWebサイトの速度を最適化できます。
- サーバーから直接ファイルを要求する代わりに、リーダーのブラウザーはファイルをキャッシュからプルするため、ほぼ瞬時にファイルを利用できます。
- サーバーでのリクエストが減るため、サーバーの負荷が減り、サーバーが新しいユーザーにファイルをより速く配信できるようになります。
キャッシュはWebサイトの速度を上げるのに非常に効果的であり、Webサイトの完全なキャッシュを有効にすると、Webサイトの速度が2.4秒から900ミリ秒に向上することが確認されています。
次のプラグインをインストールすることで、Webサイトでキャッシュを有効にできます。
- WPスーパーキャッシュ
- WPトータルキャッシュ
- WordFence(そして「FalconEngine」を有効にする)
キャッシュを有効にしたら、Expiresヘッダーを有効にして、サイトを大幅に高速化することもできます。 Expiresヘッダーは、サーバーから特定のファイルを要求するタイミングを訪問者のブラウザーに通知することで、サーバーリソースを節約し、より高速なWebサイトをユーザーに提供できます。 Expiresヘッダーを有効にする方法に関する便利なチュートリアルを次に示します。
4.GZIP圧縮を有効にします
コンピューターでファイルをZIP形式に圧縮するためのお気に入りのツールは何ですか? 7-Zip? WinRar? おそらく少なくとも1回はファイルを圧縮し、200MBのファイルが突然40MBに減少するという奇跡的な効果に気づきましたか? 一体どうやってそれが起こったのですか? 私は圧縮の技術にあまり精通していませんが、これをあなたのWebサイトに複製して、より高速なWebサイトエクスペリエンスを保証することが可能であることを知っています。

GZIP圧縮は、WebサイトファイルをZIPに圧縮するのに役立ち、訪問者にすべてをそのまま提供します。 言い換えれば、あなたのウェブサイトを訪問する経験は同じですが、あなたの訪問者は圧縮されたバージョンを提供されているのであなたのサイトははるかに速くなります。
Smashing Magazineの記事で、Marcus Taylorは、GZIP圧縮のみが原因で68KBから13KBになったサイトのケーススタディを取り上げました。 GZIP圧縮のみに基づくと、そのサイトは基本的に5倍高速です。 これは、GZIP圧縮を有効にする3つの方法を示すチュートリアルです。
5.CDNを使用する
調査によると、CDNはウェブサイトの速度を最大60%向上させることができます。
コンテンツ配信に影響を与える要因はたくさんありますが、インドでホストされているWebサイトには、米国のインターネット接続よりもインドのインターネット接続の方がはるかに高速にアクセスできます。これについてできることはあまりありません。 あなたが信頼できるCDNサービスを使用しない限り、あなたのウェブサイトの場所に近いインターネット接続を持っている人々はより速い速度を得るでしょう。
CDNを使用するようにWordPressサイトを構成することで、世界中のサーバーにコンテンツを配信できるようになり、訪問者に最も近いバージョンを提供できるようになります。 そのため、アジアから訪問する人には、米国のメインバージョンではなく、アジアのWebサイトのバージョンが提供されます。
多くのCDNプロバイダーがあり、Google検索でオプションが明らかになります。 最も人気のあるCDNサービスには、CloudFlare(無料)とMaxCDN(有料)があります。
6.WordPressテーマを最適化または変更する
WordPressテーマは、サイトの読み込み時間にも大きく貢献します。 肥大化したWordPressテーマを使用し、外部クエリに大きく依存している場合、コンプライアンス標準に基づいて構築されたテーマを使用している人と比較して、Webサイトの速度が大幅に低下します。
Copybloggerのケーススタディで、Jerrod Morrisは、Webサイトのテーマを変更すると、サイトの読み込みに630ミリ秒から172ミリ秒かかることが明らかになりました。 これは、彼のWordPressテーマの変更を除いて、他のすべてが同等であったという事実にもかかわらずでした。
7.背景画像を画像スプライトと組み合わせる
WordPressテーマは、CSSコマンドと組み合わせて、いくつかの背景画像に依存して、きれいな背景を適切に表示します。 そのため、表示されている美しい背景画像は、おそらく12種類の背景画像で構成されています。 表面的には、12の画像が、訪問者のブラウザからサーバーへの12の異なる要求を表していることに気付くまで、これは正常で無害に見えます。 これらの12枚の画像を1枚にできるとしたらどうでしょうか。 速度が大幅に向上していることに気付くでしょう。
背景画像を画像スプライトに結合することで、テーマのさまざまな背景画像を1つの画像に変換し、CSSを使用してWebサイトを正常に表示できます。 これにより、訪問者のブラウザがダウンロードする必要のある合計バイト数、ラウンドトリップによる遅延、およびリクエストのオーバーヘッドが削減されます。 結果はあなたのためのはるかに速いウェブサイトです。
SpriteMeを使用して、画像をスプライトに結合できます。
8.JavaScriptコードには非同期配信のみを使用します
Facebookのダウンタイムがウェブサイトをダウンさせたり、途方もなく遅くしたりするのを見たことがあるでしょうか。 興味深いのは、これはFacebookコードをインストールしたときに発生するだけではないということです。 これは、任意のサイト、特に分析サービスや追跡サービスからコードを同期的にインストールするときに発生する可能性があります。 コードがサイトに同期的にインストールされている場合、サイトの他の要素が読み込まれる前に、コードがどのセクションであるかに応じて、最初にコードを読み込む必要があります。
JavaScriptコードに非同期配信のみを使用することで、サイトにあるJavaScriptコードのサーバーに何が起こっているかに関係なく、サイトが適切かつ高速に機能することを保証できます。
9.HTTPキープアライブを有効にします
訪問者がサーバーにファイルを要求するたびに、各ファイルは個別に送信されます。 このアプローチの問題は、ファイルごとに新しい接続を開く必要があり、一度にWebサイトにアクセスする人の数によっては、最終的にWebサイトの速度が低下することです。 HTTPキープアライブを有効にすると、訪問者のブラウザに、単一の接続を介してすべてのファイルを配信するように指示します。 このようにすると、すべてのファイルが送信されるまで接続が開いたままになるため、サーバーで開いている接続の数が減り、Webサイトが高速になります。
10.より良いホストを取得する
あなたのウェブホストがひどい場合、この記事で提示されたヒントは大した違いにはなりません。 私は定期的にウェブホストを分析してプロファイリングしていますが、その過程で、ページの読み込みに関して10点満点中2点のウェブホストを見てきました。 これらのウェブホストでは、サーバー構成が悪いため、何もしなくてもサイトが高速になります。
Smashing Magazineの記事に、マーカステイラーは、Webホストがサイトの読み込み時間にどの程度の影響を与える可能性があるかを示すケーススタディを含めました。 彼は2人のクライアントのサイト速度を比較しました。 1つは専用サーバー上にあり、もう1つは共有ホスト上にあります。 応答は素晴らしかった。 専用サーバー上のサイトの応答時間は7ミリ秒でしたが、安価な共有ホスティングサーバー上のサイトの応答時間は250ミリ秒でした。
あなたのウェブホストは間違いなく重要です。 Webホストに落ち着く前に、必ず十分な調査を行ってください。