はじめまして、.Canです!!
今回はWordPress高速化の話をしようと思います!
私の場合、数値で20くらい上がったやり方や
高速化の利点やなぜするべきなのか解説していきます!
※2023年1月22日現在の情報です
まずは、ブログの表示速度を計測してみよう!!
自分のブログサイトがどのような状態にあるのか計測して知ることが大事です。
読み込み速度だけではなくSEOの問題点なんかも教えてくれるので
まずは、チェックしてください!!
↓このリンクに飛んで、自分のブログのURLを入力してください。
WordPressブログの高速化の利点・メリット
1.直帰率・離脱率が下がる
読み込みが遅かった場合、サイト観覧にストレスを感じて途中でみるのを諦めて閉じてしまうことがありませんか?
2.SEO対策検索エンジン最適化に有効的!
Google検索の順位を決めるアルゴリズムに読み込速度も要素として含まれているそうです。
↓こちらで確認できます。
WordPressブログの高速化のデメリット
1.自分のブログの設定やテーマに合わない場合表示がおかしくなる。
サイトを表示優先化させるために一部省略化や重いコードを後回しにすることによって問題が起こることがあります。
2.ある程度知識が必要。
プラグインの使い方などは調べることで知識を得ることはできます。
高速化せず放置しブログサイトが重いことによるデメリット
簡単に言えばグーグル検索でも上位にでてこないし
クリックしてくれても、表示が遅いのでサイトを閉じてしまう。
結果、集客数も観覧時間も増えないため
収益化が難しくなると言うことです!!
WordPressのプラグインの導入方法
1.WordPress管理メニューのプラグインをクリック
2.左上の「新規追加」をクリック
3.右の上にある検索ボックスに欲しいプラグインの名前を入力。
4.リストに、追加したいものを探し「インストール」をクリック
5.インストール終了後は、有効化に表示が変わるので「有効化」
6.これで有効化まで完了です。
7.WordPress管理メニューのプラグインクリックでリストを確認。そこから無効化もできます。設定などもそこからおこなえる物もあります。設定がなければWordPress管理メニューの設定やその下に表示がないか確認してください。
WordPressブログサイトを高速化プラグイン
【画像軽量化】EWWW Image Optimizer
今でこそ回線速度で気にならなくなってきましたが
テキストデータよりも画像データ重いため読み込みが遅くなります!!
そこで、画像ファイルを軽量化することによって
ブログ表示の高速化につながります!!
私のおすすめ設定
1.基本→今は無料モードのままにする:チェック
2.基本→メタデータを削除:チェック
画像の位置・撮影カメラ情報などを消してくれます。最悪消さないと個人情報がそこから漏れます。
3.基本→画像のリサイズ→幅の上限を780に変更。
これ以上でかくてもあまり意味がないと思うので
4.リサイズ→既存の画像をリサイズ:チェック・他の画像をリサイズ:チェック
5.設定の保存を忘れないでください。
設定が終わったらWordPress管理メニュー→メディア→一括最適化→画像をスキャン→画像の最適化をクリックしてください。
【キャッシュの有効化】WP Fastest Cache
キャッシュ(ブラウザの一時保存データ)を有効化することによって
再び表示される時に、キャッシュを利用して表示速度を高速化してくれます。
私のおすすめ設定
1.キャッシュ: 有効化にチェック
2.ログインユーザー: チェック
3.モバイル: チェック
4.新規投稿: チェック
5.Update Post:チェック
6ブラウザキャッシュ: チェック
7.上記以外にチェックが入っていないことを確認
8.設定の保存を忘れないでください。
WordPress管理メニュー上のほうに、「キャッシュを削除する」というものが表示されていると思います。
クリックして、すべてのキャッシュを消去をクリックしてキャッシュを消してください。
自分のブログの表示がおかしくないか確認してください。
何度か表示しておかしくなったらまた、キャッシュを消去してください。
それでも、改善しない場合は、サーバーやテーマと合わない可能性があるので
アンインストールしてください。
【ソースの最適化】Autoptimize
WordPressに使われるプログラムソースコード(HTML・CSS・JavaScript)を最適化して読み込みを早くしてくれます。
私のおすすめ設定
1.JavaScriptコードの最適化:チェック
2.JSファイルを連結する:チェックを外す
3.連結しないで遅延:チェック
4.CSSコードを最適化:チェック
5.CSSファイルを連結する:チェックを外す
6.HTMLコードを最適化:チェック
7..設定の保存を忘れないでください。
WordPress管理メニュー上のほうに、「Autoptimize」というものが表示されていると思います。
クリックして、CSS/JSキャッシュ消去をクリックしてキャッシュを消してください。
自分のブログの表示がおかしくないか確認してください。
何度か表示しておかしくなったらまた、キャッシュを消去してください。
それでも、改善しない場合は、サーバーやテーマと合わない可能性があるので
アンインストールしてください。
WordPressブログプラグイン意外での高速化方法
テーマの設定でサイト高速化を行う
Cocoonおすすめのサイト高速化設定
1.WordPress管理メニューのCocoon設定→高速化をクリック
2.ブラウザキャッシュの有効化:チェック
3.HTMLを縮小化する:チェック
4.CSSを縮小化する:チェック外し
私の場合、画像表示ができなくなったためチェックなしにしました。
同じ不具合がなければ:チェック
5.JavaScriptを縮小化する
6.Lazy Loadを有効にする
7.設定の保存を忘れないでください。
ブログを表示を確かめて不具合があればチャックを外し試してください。
テーマやスキンなどのモーションやアニメーション効果をなしにする
テーマやスキンなどで特別な効果があるものがあります。
ビジュアル的には、いいのですが
その分、当然重くなります!
私の場合、PCでは問題ないスピードだったのですが
スマホでの表示にあまりに時間がかかるため効果なしにしました。
有料テーマを購入してみる。
無料テーマよりも、開発にお金をかけているため
高速化は、もちろん操作性・デザイン性も上がります!!
↓こちらで少しではありますが有料テーマの紹介をしていますので参考にしてください。
サーバーのプランを上位のものにする。サーバーをそもそも引っ越す
今、契約しているサーバーのプランを
もっと、早い上位プランに変えることによって
当然、改善します!!
それでも、駄目な場合サーバー会社を変えることも
いいかもしれません!
↓おすすめ4レンタルサーバー
再度ブログの表示速度を計測しましょう!!
改善されているかもう一度確認しましょう!!
↓リンク。ここに自分のサイトのURLを入力してください。
最後に
ブログ表示速度は改善されましたか?
時間帯に、よってはどうでしても遅い時間などもありますので
表示速度が遅くても落ち込まないでください。
↓初心者なら読んでおきたい本リスト
コメント