pagespeed insightsで表示される使用していないCSS削除について解決方法を知りたいです。

Question

『解決したい事』

1　pagespeed insightsで表示される使用していないCSS削除をしてページ読み込みスピードさせる解決の方法がわかりません、、
２　そもそもなぜ使用していないCSSが読み込まれてしまうのか？

『仮説、実行しようとした事』

1 初期表示される部分(トップページ）のCSSだけをインライン化し、最初画面表示されないCSSは非同期化させる事によってページ表示速度を向上させる。
2 RubyベースのCSSチェッカーであるcsscssを使ってプロパティの余剰部分を取り外す。
３　CMSのContentfulが最初から設定されている？
『補足』
使用言語　Ruby
使用フレームワーク　Ruby on Rails
CMSはContentfulを使ってます。

どうかご教授よろしくお願いしますm(_ _)m

Answer 1

pagespeed insightsで表示される使用していないCSS削除をしてページ読み込みスピードさせる解決の方法がわかりません、、

はっきり言って、多くの場合はそこまでやる手間に見合いません。他で一分の隙もないぐらいまで磨き上げたあとで検討すればいいような項目です。

とりわけ、Rails標準で搭載されているTurbolinksは、「最初に全アセットを読み込んでしまえば、あとのページ遷移はアセットを読まずに済む」という、PageSpeed Insightsのファーストビュー重視とは正反対の考え方に基づいて作られているものです。どう折り合いをつけるべきか、まずは考えて方向性を決める必要があります。

Comments

[roshii]

ご丁寧に詳しくありがとうございますm(_ _)m
考えて方向性を決めていきますm(_ _)m