誰でも出来るレンダリングを妨げるリソースの除外をする簡単な方法

 

今回は、おそらく誰しもが望んでいるサイトスピードを上げるために、レンダリングを妨げるリソースの除外をする簡単な方法をご紹介します。

きっとこの「レンダリングを妨げるリソースの除外をする」のワードに出会ったということは、おそらくPageSpeed Insightsでサイトスピードのチェックをしたかと思うのですが、JSやらなんやらいじくんないとダメそうで諦めていませんでしたか?

実際超簡単に解決できるので是非参考にしてみてください。

1 レンダリングを妨げるリソースの除外をする簡単な方法

1-1 WordPressプラグインの「autoptimize」をインストールする

実際もう答えはでているようなものですが、「autoptimize」をインストールして有効化まで一気にやって下さい。

 

1-1-2 設定の中身を変更する

最初はチェックマークがついていないのですが、

HTMLコードを最適化

JavaScriptコードの最適化

CSSコードを最適化

この3つにそれぞれチェックマーク入れてください!

 

これでとりあえずめっちゃPageSpeed Insightsでの点数は上がります。

元々、SP→23、PC→45がなんと

こうなりました。

23アップと42アップ!

 

1-2 「WP Super Cache」のプラグインを入れる

これもまたそのまま、インストールして有効化まで進めてください。

 

1-2-1 設定を変更する

キャッシング利用にチェックを入れてステータスを更新してください。

これでOK!

なんと、

次はこうなりました。

SP11アップとPC8アップです!

 

 

まとめ

なんとこの二つのプラグインの設定を変えるだけでこんなにサイトスピードが上がりました。

一応私が運営している3サイトくらい全部で試しましたが、特にサイトに不具合出るとかもないので、安心して良いかなと。

断言はできないので、しっかりと自己責任でお願いします。

とりあえずこれが、レンダリングを妨げるリソースの除外をする簡単な方法、でした。

メモの関連記事
  • 世界チャンピオンのなるクラスの育て方
  • 他人に期待しない重要性
  • 努力の簡単な方法
  • 500mlの水をストックしておく重要性
  • Qrio Lock便利過ぎそう
  • Dexやばくない?
おすすめの記事
体験
決意をする 計画を立てる 専門家を名乗る 大丈夫、わからんくてもどうせ相談なんかこないよ 売り込むじゃなくて呼び込む 答えは、情報発信。 大...
時間について
メモ
焦ってなんかしなきゃっていうのは急かされてる感じ。 不幸の元らしい。 家事代行とか余計な雑務を外注して時間をうまく作ること。 時間を買ってる...
ブチ抜く力を読んで
メモ
まとめ 最短で目標を現実的に長期すぎるのは理想すぎて達成しない。 3週間とにかくやり続ける 一個とにかくやってPDCA回す。結果が出た時に...