WordPress Webサイトを高速化する方法:完全な初心者向けガイド

公開: 2017-08-08

したがって、無料の検索トラフィックを維持したい場合でも、検索エンジントラフィックの取得を開始したい場合でも、Webサイトの速度を向上させる必要があります。 ウェブサイトの読み込みにかかる時間がわからない場合は、Pingdomのこの無料ツールを試してみてください。最初の読み物が表示されるので、ウェブサイトがどれだけ改善されたかを確認できます。

WordPress Webサイトの高速化は、数十時間と多くの技術的ノウハウを必要とする困難な作業のように聞こえるかもしれませんが、WordPressプラグインといくつかの簡単な調整により、すぐにサイトの読み込みが非常に速くなります。 –以下の完全な初心者ガイドに従ってください。

コンテンツ

  • 1良いウェブホストを選ぶ
  • 2キャッシュプラグインの使用を開始します
    • 2.1どのキャッシュプラグイン?
  • 3CDNの使用を開始します
  • 4静的リソースのブラウザキャッシングを活用する
  • 5Web用に画像を最適化する
  • 6データベースを最適化する
  • 7GZIPを有効にする
  • 8画像をレイジーロードする
  • 9より速いテーマに投資する
  • 10個のコメントをページに分割
  • 11結論
    • 11.1関連記事

良いウェブホストの選択

ほとんどのウェブホストは自分たちを最速だと宣伝しています。 しかし実際には、それらの多くは他のホストに比べて速度の利点を提供していません。 あなたがあなたのウェブサイトをホストするウェブホスティングサービスはあなたのウェブサイトの速度に大きな影響を与える可能性があります–同じサーバー上に多くのウェブサイトを一緒に配置する共有ホストはパフォーマンスの低下に苦しむ可能性があり、1つの遅いサイトは他のすべてのウェブサイトに影響を与える可能性があります。

ただし、小さな個人または趣味のWebサイトから始めたばかりの場合は、どちらを選択するかがわかっていれば、共有ホスティング会社で十分です。 共有ホスティングのガイドでは、ホスティングのさまざまなオプションについて説明しているので、必ずチェックしてください。

ただし、オーディエンスが増え始めたら、サイトをマネージドWordPressホスティングまたはVPSサーバーに移動することを検討してください。 マネージドホストは通常​​、共有ホスティングよりも高品質であり、WordPressや使用するプラグインの更新などの処理も​​行い、バックアップ、サイトの速度を上げるためのキャッシュを提供します。これらには、速度を上げるためのCDNが含まれる場合があります。画像やスクリプトなどの静的アイテム。

結局、どのホストを選択するかは予算に影響するので、賢明に選択し、サイトの速度と稼働時間を監視するようにしてください。質の悪いサービスを受けている場合は、いつでもWebサイトを別のホストに移行できます。

キャッシュプラグインの使用を開始する

キャッシュは、Webサイトの速度に大きな影響を与える可能性があります。

誰かがあなたのウェブサイトのページにアクセスすると、WordPressは数千行のコードを実行し、データベースに接続して、要求されたウェブページを生成します。 ご想像のとおり、これには多くのリソースと時間が必要です。ここでキャッシングが役立ちます。

キャッシングは単純な手法です。 ページを何度も生成する代わりに、アプリケーション(この場合はWordPress)は、ページをHTMLとして生成し、コピーを作成して、ページが要求されたときにその静的HTMLコピーを提供します。 Webサイトでキャッシュを有効にすると、ページの生成に必要な時間とサーバーリソースが半分になります。 WordPressには組み込みのキャッシュ機能はありませんが、WordPressで利用できる無料のキャッシュプラグインは数十あります。

どのキャッシュプラグイン?

WPスーパーキャッシュは最高の無料のキャッシングプラグインであり、私たちがお勧めするプラグインであり、セットアップが簡単で、ウェブサイトの読み込み時間に大きな違いをもたらします。 それを試してみて、アクティブ化する前後にPingdomでサイトをテストすると、違いに驚かれることでしょう。

もう1つのオプションは、WP Rocketです。これは、1つのWebサイトで年間39ドルかかるプレミアムプラグインです。 無料でキャッシュプラグインを入手できるのに、なぜキャッシュプラグインにお金を払うのか不思議に思うかもしれません。その理由は、テストでWP Rocketが他のキャッシュプラグインよりも優れているため、Webサイトからさらに最後のスピードを出そうとしている場合は違いを生むことができます。

コストがかかるため、商用WebサイトにはWP Rocketをお勧めします。それ以外の場合は、個人的なプロジェクトにはWPSuperCacheで十分です。

CDNの使用を開始する

ユーザーとサーバー間の距離は、Webサイトの速度に影響します。 これは全体的な速度にわずかな影響を与えるだけかもしれませんが、それは合計されます。 Webサイトのサーバーからユーザーが離れるほど、Webサイトの読み込みが遅くなります。

CDN(コンテンツ配信ネットワーク)はこの問題を解決します。 これは、世界中に広がるサーバーのネットワークにすぎません。 WebサイトをCDNに接続すると、CDNサービスはすべてのWebサイトコンテンツをサーバーの広範なネットワークにキャッシュし始めます。 ファイルからブログコンテンツまですべてをキャッシュします。 誰かがあなたのウェブサイトにアクセスすると、CDNはユーザーに最も近いサーバーを介してコンテンツを提供します。 これにより、サーバーの負荷が軽減されるだけでなく、ユーザーがサーバーに接続してファイルを取得するのにかかる時間が短縮されます。

利用可能なCDNサービスはたくさんありますが、それらのほとんどは非常に高価になる可能性があります。 始めたばかりの場合は、CloudFlareを試してみてください。 無料で、プレミアムプランは他のCDNサービスプロバイダーよりも比較的安価です。 無料のWordPressプラグインをダウンロードして開始できます。

静的リソースのブラウザキャッシングを活用する

ブラウザは、ページの表示を開始する前に、ページのすべての要素をロードします。 デフォルトでリソースをキャッシュする代わりに、同じWebサイトに別のページをロードするたびにすべてのリソースを再フェッチします。 これにより、サーバーの負荷が増えるだけでなく、Webサイトの読み込み時間が長くなります。 ブラウザのキャッシュを利用する場合、ブラウザは静的リソースをキャッシュしてから、サーバーに再度要求するのではなく、キャッシュされたコピーを使用します。

ブラウザのキャッシュの活用を開始するには、次のコードを.htaccessファイルに追加します。

ExpiresActive On
ExpiresByType image / gif A2592000
ExpiresByType image / png A2592000
ExpiresByType image / jpg A2592000
ExpiresByType image / jpeg A2592000

Web用に画像を最適化する

画像は、Webページのサイズの大部分を占めています。 ほとんどの画像は高解像度で表示する必要はありません。 これらの画像は、Web用に最適化(圧縮)できます。 画像を最適化すると、画像のサイズがほぼ半分以上縮小され、品質が著しく低下することはありません。 これで、Photoshopやその他の画像編集プログラムを起動して自分で行うことができます。 しかし、それには急な学習曲線と多くの肉体労働が必要になります。 代わりに、WordPressをWP-SmushItのような無料のプラグインを使用して自動的に行うことができます。 このプラグインは、Webサイト上のすべての画像を自動的に最適化します。 あなたがしなければならないのはそれをインストールすることだけであり、それはそれ自体すべての面倒を見ます。

データベースを最適化する

WordPressは、すべての内部プロセスを効率的に機能させるために、大量のデータを保存する必要があります。 また、プラグインが多ければ多いほど、WordPressがデータベースに保存するこのデータの量も多くなります。 時間の経過とともに、このデータの多くは冗長になります。 このデータには、投稿、ページ、コメント、プラグインの追加データが含まれます。

短期的には、この冗長なデータはそれほど問題にはなりませんが、長期的には、Webサイトのホスティングコストが増加し、サイトの速度が低下します。 このデータを削除すると、データベースが小さくなり、速度がわずかに向上します。 言うまでもなく、すべてのWebスペースの使用量とコストが削減されます。

これで、データベースを最適化するために科学者である必要はありません。 プログラマーである必要もありません。 必要なのは、WP-Optimizeのような無料のプラグインをインストールすることだけです。 このプラグインをインストールすると、冗長データを削除してデータベーステーブルを最適化することにより、データベースを最適化します。

GZIPを有効にする

GZIPは、Webページのサイズを半分以上縮小するのに役立つ圧縮技術です。

サーバーでGZIPを有効にすると、すべてのファイルがブラウザに提供される前にGZIPで圧縮されます。 また、ブラウザがGZIPされたファイルを受信すると、それを解凍して表示する方法を認識しています。

最近のほとんどのブラウザはGZIPをサポートしており、サーバーをサポートしていないブラウザではコンテンツを直接提供します。

GZIPは、Webサイトの読み込み時間を半分以上短縮するのに役立ちます。

サーバーでGZIPを有効にするには、.htaccessファイルの最後に次のコードを追加します。

<IfModule mod_deflate.c>
#HTML、CSS、JavaScript、テキスト、XML、フォントを圧縮する
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / vnd.ms-fontobject
AddOutputFilterByType DEFLATE application / x-font
AddOutputFilterByType DEFLATE application / x-font-opentype
AddOutputFilterByType DEFLATE application / x-font-otf
AddOutputFilterByType DEFLATE application / x-font-truetype
AddOutputFilterByType DEFLATE application / x-font-ttf
AddOutputFilterByType DEFLATE application / x-javascript
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE font / opentype
AddOutputFilterByType DEFLATE font / otf
AddOutputFilterByType DEFLATE font / ttf
AddOutputFilterByType DEFLATE image / svg + xml
AddOutputFilterByType DEFLATE image / x-icon
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / javascript
AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / xml#ブラウザのバグを削除します(本当に古いブラウザにのみ必要です)
BrowserMatch ^ Mozilla / 4 gzip-only-text / html
BrowserMatch ^ Mozilla / 4.0 [678] no-gzip
BrowserMatch bMSIE!no-gzip!gzip-only-text / html
ヘッダー追加VaryUser-Agent
</ IfModule>

画像をレイジーロードする

ほとんどのWebサイトでは、画像が読み込み時間の80%を占めています。

また、ブラウザがWebサイトをロードすると、画像を含むすべてのリソースをダウンロードするまで、ページの表示が開始されません。

ここで、LazyLoadingが役に立ちます。

LazyLoadingは、ユーザーに表示されている場合にのみ画像を読み込む簡単な手法です。

したがって、画像がページの下部にある場合、ユーザーがページの下部に到達するまで画像は読み込まれません。

これにより、サイトの読み込み時間が改善されるだけでなく、サーバーの負荷と帯域幅の使用量も削減されます。

このテクニックの使用を開始するには、無料のBJLazyLoadプラグインをインストールしてセットアップします。

より速いテーマに投資する

すべてのWordPressテーマは速度が最適化されていることを宣伝していますが、真実はそれらのほとんどがそうではないということです。 ブログで使用しているテーマは、サイトの速度を決定する上で大きな役割を果たします。 正しくコーディングされておらず、コーディング標準に準拠していないテーマを使用している場合は、サイトの読み込みが遅くなります。

多くのテーマは速度が最適化されていないだけでなく、ページビルダー、スライダー、その他の使用していないアイテムなどのプラグインを使用して生成された追加のスクリプトやリソースで肥大化することがよくあります。

あなたのブログの旅の始めから良いテーマに投資することは本当に重要です。 コードによって引き起こされる速度の問題を修正しようとすると、開発者に数千ドルを支払うことになります。 また、別のテーマに切り替えることにした場合でも、Webサイトの機能の一部を壊さずに切り替えるのは難しい場合があります。

WordPressテーマを探すときは、常に私たちのような信頼できる著者のテーマを使用してください。 AlienWPでは、SEOとスピードのすべてのテーマをテストして最適化します。 すべてのテーマはわずか数秒で読み込まれます。

コメントをページに分割

あなたがあなたのブログにたくさんのコメントを受け取っているなら、それは祝う時です。 それはあなたがあなたのコンテンツを愛する熱心な聴衆を持っていることを意味します。

しかし、ここに問題があります。コメントが多すぎると、Webページのサイズが大きくなります。

つまり、ページに表示するコメントが多いほど、そのページの読み込みは遅くなります。

この問題を解決するには、コメントを複数のページに分割するだけです。

これを行うには、[設定]> [ディスカッション]に移動し、[コメントを解除]チェックボックスをオンにします。

これにより、投稿の最後にすべてのコメントを表示する代わりに、WordPressは、ブログロールの最後と同じように、コメントの最後にページ付けリンクを表示します。

結論

あなたのウェブサイトが遅い場合は、今すぐ行動してください。 あなたは何千もの潜在的な無料のウェブサイト訪問者と顧客を失っています。 この記事のテクニックを使用して、WordPressWebサイトを高速化します。 それらのほとんどは、1行のコードに触れる必要がなく、実装に多くの時間を要しません。

今すぐ投資する時間がない場合は、少なくともCachingプラグインを使用していること、画像が最適化されていること、サーバーでGZIPが有効になっていることを確認してください。これにより、通常のWordPressインストールよりもサイトの速度が大幅に向上します。 。

共有する提案、ストーリー、フィードバックがある場合は、コメントでお気軽にご意見をお聞かせください。