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

 

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

きっとこの「レンダリングを妨げるリソースの除外をする」のワードに出会ったということは、おそらく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光一択です。
  • 世界チャンピオンのなるクラスの育て方
おすすめの記事
メモ
「わからないときに何をすればいいかがわかる人」が成功する Googleドキュメント使いな 結論のない分析は意味がない センスや直感、実行力、...
逆算で考えるということ
メモ
最近は、とにかく逆算で考えるということをクセづけてる。 ゴール←やること←今 それぞれゴールと自分とのギャップを常に感じて行かないと、やっ...
生産性を上げる100の基本
メモ
ロジックツリーで全体像を把握する。 他人の視点に立って物事を把握する。 冷静な時に判断を下す。 確率と上手く付き合う。 P 結論 R 理由...