LighthouseのPerformanceの指摘項目にGoogleSEO:Remove unused CSSがある

Calculate Style(BrowserRendering)とかに関係がある

未使用のCSSを検出する

coverageパネルを使って簡単に調べられる ref

cmd-p でコマンドパレット開いて「coverage」で検索

レコードしてリロードしたりすれば出る

これ緑は「最初のPaintingで使ったもの」なのか ref

赤だから完全に使ってない、とは言い切れない

最初に使ってないだけ

Puppeteerを使う

未使用のCSSを削除する

あまり一筋縄にはいかないっぽい..ummm

自動で消すのは良いんだけども、それでstyle崩れが起こってないか確認するのが大変そう

JestのSnapshot Testingするとかはどう #??

jQueryを使っている場合、想定される挙動を全部行った上でstyle崩れがないことを確認しないといけない

scssとか使ってる場合どうなるんだ #??

Puppeteerを使って使っていないCSSを消す

SCSSのコンパイル時にコメントを消すとか？

first viewに必要でないものを読み込まない、という設定もscssのコンパイラの設定でできたりしないんか？

削除する以外の選択肢

最初のPaintに必要な部分をinline化する

htmlのinline記法でstyleを書く

それ以外は普通に書いて非同期でloadさせる

重複CSSを特定する

Gulpとしてもあるらしい

bootstrap関連？