CSS最適化で困っています。

Question

このページには、ブロッキング CSS リソースが 2 あります。これが原因で、ページのレンダリングに遅延が発生しています。
以下のリソースの読み込みが終わるまで、このページでスクロールせずに見えるコンテンツを何もレンダリングできませんでした。レンダリングをブロックするリソースの読み込みを遅延させるか、非同期に読み込むか、これらのリソースの重要部分を HTML 内に直接インライン化してください。
次のCSS 配信を最適化してください:

https://www.〰.jp/sp/container_00_19.css
https://www.〰.jp/sp/main_01_19.css

となっています。
そこで

1、使ってないCSSを調べる方法(ツール）はありますか？
2. SCSSとはどのようなものでしょうか？

Answer 1

このページには、ブロッキング CSS リソースが 2 あります。これが原因で、ページのレンダリングに遅延が発生しています。

こちらですが、GoogleやFacebookのように極限までチューニングしたい場合以外は、実装や維持管理の手間の割に時間の削減は大きくない項目なので、基本的には無視で大丈夫です。

Comments

[退会済みユーザー]

お世話になり、お気遣いのご回答をくださり誠にありがとうございます。
でも、一人よがりかも知れませんが何とか改善できればと考えて非同期やSassの導入で日々悩んでいます。

Answer 2

• 使ってないCSSを調べる方法(ツール)

1. Remove unused CSS – CSS Optimizer(使い方)
2. cssess(使い方)

• SCSSとはどのようなものか

SCSSはSassというCSSの機能を拡張した言語の2つのコードの書き方のうちの1つのことです。