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

 

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

きっとこの「レンダリングを妨げるリソースの除外をする」のワードに出会ったということは、おそらく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サイトくらい全部で試しましたが、特にサイトに不具合出るとかもないので、安心して良いかなと。

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

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

メモの関連記事
  • 仮説思考
    「仮説思考 BCG流 問題発見・解決の発想法 」の感想まとめ
  • 人生も仕事も変わる!最高の遊び方
    「人生も仕事も変わる!最高の遊び方」を読んで大事なところをまとめた
  • 行動の品質を読んでの感想
  • 新しい家に引っ越すなら揃えて欲しい高評価の家具4選
  • 最速インターネット、wifiを使うならNURO光一択です。
  • 世界チャンピオンのなるクラスの育て方
おすすめの記事
メモ
伊藤健太さんの本、行動の品質を読んでの感想を簡単にまとめます。 「行動の品質」を読んでの大事なところまとめ 日本一の旅館、加賀屋でも普通に気...
目標の決め方
メモ
1、目標を自分で決めるとき badケース:今のやってることを続ける自然成長で達成する数字 を軸に置いて、まず数字の目標をどこに置くか考える...
ブチ抜く力を読んで
メモ
まとめ 最短で目標を現実的に長期すぎるのは理想すぎて達成しない。 3週間とにかくやり続ける 一個とにかくやってPDCA回す。結果が出た時に...