13のヒントWordPressサイトをスピードアップする方法(初心者向け)
公開: 2014-11-11ウェブサイトの読み込み時間は非常に重要です。 WordPressの最優先事項は、 WordPressサイトを高速化することです。 訪問者が初めてあなたのウェブサイトに到着したとき、あなたは彼の焦点をつかみ、あなたのサイトを閲覧することに時間を費やすように彼を励ますためにほんの数秒しかありません。
多くの調査研究では、訪問者がクリックする前にWebサイトをロードする時間が非常に短いことが確認されています。特に、訪問者が別のリンクからサイトにアクセスした場合はそうです。
サイトの速度が遅くなる原因はさまざまです。 不十分にコーディングされたテーマ、多すぎるプラグイン、不十分に最適化された画像、多数のウィジェットなど。それは何でもかまいません。 読み込みが遅いWebサイトは、読み込み時間が速くスムーズなオンラインエクスペリエンスを期待する訪問者を遠ざけることで、ビジネスに悪影響を与える可能性があります。 WordPressが対処する1つの弱点は、通常は非常に遅いロード時間です。
最善の対策を講じないと、ウェブサイトの動きが遅くなり、サイトを繰り返し訪問する人にとっては不便になるだけでなく、人々のせっかちな性質の結果として、購読者や顧客を失うことになります。
ページが遅いと、訪問者を顧客に変える前に、訪問者を失う可能性があります。 グーグルはそのランキング式にウェブサイトの速度さえ含めました。
これは、サイトの速度がSEOに影響を与えることを示しています。 あなたのサイトが遅い場合、あなたは単にサイト訪問者を失っているだけではありません。 あなたはまた、検索エンジンでより低い位置を持っていることによってそれらを失っています。
それでは、あなたが長い間取り組んできたWordPressブログをスピードアップしましょう。 これらのヒントの前後にページ速度をテストして、読み込み時間に大幅な変更が加えられたかどうかを確認することをお勧めします。 GTmetrix、Pingdom、またはGoogle PageSpeedInsightsを使用できます。
WordPressウェブサイトをスピードアップするためのヒント
サイトの速度を向上させるために適用できるヒントは次のとおりです。
#1必要なプラグインのみを保持する
あなたのウェブサイトのために素晴らしいことをすることを約束している多くのプラグインがあるので、巻き込まれてプラグイン熱を捕まえるのは簡単です。 間もなく、サイトのすべての機能を制御するプラグインが手に入ります。
それは大丈夫ではありません。 より多くのプラグイン、より多くの問題。 プラグインが多ければ多いほど、ウェブサイトの読み込み中に行う必要のある作業が増えます。 また、すべてのプラグインが正しくコーディングされているわけではありません。 一部は古くなっている可能性があります。
必要なものだけを保管してください。 同じ機能を実行する複数のプラグイン、使用しなくなったプラグイン、2年以上前に作成され、更新されていないプラグインを削除します。
#2慎重にホスティングプロバイダーを選択する
最初は、共有ホストは取引のように見えるかもしれません(無制限のディスクスペース使用量、無制限の帯域幅)。 しかし、それには別の代償が伴います。信じられないほど動きの遅いサイトレートと、トラフィックが多い時間帯での一定のダウンタイムです。
あなたが真剣なビジネスをすることを計画しているなら、あなたは共有ホスティングであなたのワードプレスのウェブサイトを運営することによってあなた自身を殺しています。 犠牲にならないでください。 適切なホスティングを購入します。 あなたは私が彼らが提供する機能に基づいてそれらを比較した私の投稿で最高の安いWordPressホスティングプロバイダーをチェックすることができます。
#3ホームページのウィジェットが多すぎます
ほとんどの場合、ホームページは訪問者が最初に目にするページです。 あなたはそれをあなたが持っているすべてを誇示するように設計したかもしれません。 あちこちのサイドバー、私が約束するもう1つのウィジェット。 訪問者を感動させるすべて。
ただし、フロントページにあるウィジェットとコンテンツが多いほど、サイトの読み込みに時間がかかります。 すっきりとしたデザインも同様に印象的であることを忘れないでください。 ホームページのいたるところに共有ウィジェットを貼り付けないでください。
ブログ投稿の最後に保存してください。最も影響が大きくなります。 WordPressオプションを使用して読み込み時間を短縮し、完全な投稿の代わりに抜粋を表示して、ページあたりの投稿数を12に制限することもできます。
#4良いWordPressテーマ
適切にコーディングされ最適化されたWordPressテーマが不可欠です。 それはあなたの家の土台のようなものです。 それなしでは何もありません。 テーマをインストールしてアクティブ化するまで、テーマが適切にコーディングされているかどうかを正確に知ることはできません。 他の人が言っていることをチェックし、レビューを読んで調べてください。
有料または無料のWordPressテーマを使用するかどうかわからない場合は、無料と有料のWordPressテーマの投稿ガイドが役立つかもしれません。
#5画像の最適化
画像のサイズと品質が高いほど、読み込みに時間がかかります。 画像が多いほど、サイトの速度が低下します。 これには解決策がありますので、サイトで画像を使用することを恐れないでください。
画像を自分のサイトにアップロードする前に、私は常にPhotoshopで画像のサイズを変更し、保存するときに[Web用に保存]オプションを選択します。 これにより、画質は維持されますが、Webサイトで使用できるように最適化されます。
アップロード後、画像最適化プラグインを介して画像を実行します。 ImageおよびPDFOptimizerプラグインを使用しましたが、現在はShortPixelを好みます。
LazyLoadプラグインをインストールすることもできます。 これは、「折り目の上」に表示される画像、または訪問者が表示しているサイトの一部に表示される画像のみを読み込むプロセスです。
これは、jQuery Image Lazy Loadプラグインを使用して自動的に行うことができます(このプラグインは更新およびサポートされなくなりました。代替プラグインを見つけることをお勧めします)。
#6キャッシュプラグインを使用する
WordPressプラグインは非常に便利です。 プラグインをキャッシュすると、ページの読み込み時間が大幅に改善されます。何よりも、WP.orgにあるプラグインはすべて無料で使いやすいものです。 W3 Total Cache、WP Rocket、またはSuperCacheを試すことができます。 それらは最も人気があり、WordPressサイトをスピードアップするはずです。
一部の機能や設定は圧倒される可能性があり、迷子になる可能性があります。 したがって、何を有効にするかに注意してください。 キャッシュプラグインの最適なセットアップに利用できるチュートリアルもたくさんあるので、それらもチェックしてください。
詳細については、WPロケットvsWPスーパーキャッシュvsW3トータルキャッシュvsハイパーキャッシュの比較を確認できます。
#7コンテンツ配信ネットワークを使用する
すべての大きなサイトはCDNを使用しています。 コンテンツ配信ネットワークまたはCDNは、サイトにあるすべての静的ファイル(CSS、JavaScript、画像など)を取得し、訪問者ができるだけ近くのサーバーにファイルを提供することで、それらをできるだけ早くダウンロードできるようにします。
サイトがまだ小さい場合は、WordPress Webサイトを高速化するために、MaxCDNのようなコンテンツ配信ネットワークの有料オプションはおそらく必要ありません。 代わりに、無料のCloudFlareプランを使用してください。
#8WordPressデータベースを最適化する
これは、非常に退屈で非常に退屈な手動の方法で行うことができます。または…はい、別のプラグインです。 私が管理するすべてのサイトで使用しているWP-Optimizeプラグインを使用するだけです。
1年間更新されていませんが、問題や他のプラグインとの競合なしに機能します。 代わりにWP-Sweepを試すことができます。
このプラグインを使用すると、データベース(スパム、改訂後、下書き、テーブルなど)を最適化して、オーバーヘッドを削減するという1つの簡単なタスクを実行できます。
#9ホットリンクを無効にする
ホットリンクは、帯域幅の「盗難」の一形態です。 これは、他のサイトが記事からサイト上の画像に直接リンクしているために、サーバーの負荷がますます高くなっている場合に発生します。 多くの人があなたのサイトの投稿を「こすり」、人気が高まると、これはすぐに増える可能性があります。
このコードをルートの.htaccessファイルに配置します。
禁止またはカスタム画像オプションを使用して画像のホットリンクを無効にする
RewriteEngineオン
RewriteCond%{HTTP_REFERER}!^ $
RewriteCond%{HTTP_REFERER}!^ http(s)?://(www \。)?sparringmind.com [NC]
RewriteCond%{HTTP_REFERER}!^ http(s)?://(www \。)?google.com [NC]
RewriteCond%{HTTP_REFERER}!^ http(s)?://(www \。)?feeds2.feedburner.com/your feedburner name [NC]
RewriteRule \。(jpg | jpeg | png | gif)$ – [NC、F、L]
フィードの名前を「Feedburner名」に入力する必要があります。そうしないと、画像が正しく表示されません。
#10。 静的リソースにexpiresヘッダーを追加する
Expiresヘッダーは、クライアント(ブラウザー)が静的コンテンツ(cssファイル、javascript、画像など)を再フェッチする必要がないように、将来的に十分な時間を指定する方法です。 このようにして、通常のユーザーの読み込み時間を大幅に短縮できます。
次のコードをコピーして、ルートの.htaccessファイルに貼り付ける必要があります。
ExpiresActive On
ExpiresByType image / gif A2592000
ExpiresByType image / png A2592000
ExpiresByType image / jpg A2592000
ExpiresByType image / jpeg A2592000
上記の数値は1か月(秒単位)に設定されています。 必要に応じて変更してください。
#11HTML圧縮を有効にする
HTML圧縮は、Webサイト全体の各ファイルサイズを減らすのに役立ちます。 URLを安全に短縮し、HTMLドキュメントファイルからすべての標準コメントと乱雑な空白を削除することで、ファイルサイズを削減します。
通常、WordPressでは、各投稿はHTMLドキュメントでフォーマットされているため、HTML圧縮を有効にすると、帯域幅を節約し、Googleのランキングを向上させながら、読者にほぼ即時のコンテンツ配信を保証する最高のチャンスが得られます。
キャッシュプラグインをアクティブにしている場合は、HTML圧縮を有効にするオプションが必要です。
#12HTTP圧縮を有効にする
HTML圧縮によく似ていますが、HTTP圧縮は、JavaScript、CSS、HTML、XML、プレーン、ファビコンなどを含むすべてのファイルを対象としています。これは、WordPressサイトの残りのコンテンツをGzippすることにより、Webサイトをより高速にロードする最も一般的な方法です。
ページサイズが60%〜80%削減されます。 HTTP圧縮を有効にするには、.htaccessファイルで次のコード行を使用します。
# compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico
#13CSSとJSを縮小する
JavaScriptファイルとCSSファイルには通常、未使用のスペースとコメントが含まれています。 これらの未使用のスペースとコメントを削除するには、各ファイルを一度に編集するのではなく、縮小を有効にすることをお勧めします。 キャッシュプラグインをアクティブにしている場合、またはCDN(Cloudflare)を使用している場合は、CSSとjsminifyを有効にするオプションが必要です。
WordPressのまとめをスピードアップ
このヒントがWordPressサイトのスピードアップに役立つことを願っています。 スピードは非常に重要ですが、それがすべてではないことを指摘したいと思います。 あなたのウェブサイトの目標が何であるかを常に心に留めておいてください。
私が言及したテクニックは、WordPressサイトを最適化するために実装できる基本的な改善から中間的な改善まで多岐にわたります。
ツールとプラグインのこの組み合わせは、お金をかけずに、より高速なサイトを作成するのに役立つはずです。 あなたが知る必要があるもう一つのことは、それらが高品質のプラグインであるならば、あまりにも多くのプラグインが必ずしもあなたのサイトを遅くするわけではありません。
さあ、あなたに。 私は何を逃しましたか? ヒントがあれば、下のコメントで知らせてください。