いつもお世話になっております。
Dawnテーマのコードを見ていると、CSSの読み込み方法が2パターンあるかと思います。
という書き方と
{{ 'section-footer.css' | asset_url | stylesheet_tag }}
という書き方です。
上のコードは非同期でCSSを読み込んでいるようです。
ページの表示速度を考えたら非同期でCSSを読み込ませる意味はわかりますし、最低限最初に読み込んでおかなければいけないCSSもあるかと思うのですが、なぜここは通常のCSSでの読み込みなんだろうという箇所もあります。
例えば、section-footer.cssは通常の読み込みの指定がされています。
しかし、残りのCSSは非同期で読み込みされています。
ヘッダーのCSSはすべて非同期で読み込みされているので、なぜフッターの1つのファイルだけ通常の読み込みなのかが、わかりません。
また商品ページなどはほとんどが通常の読み込みです。
商品ページはトップページほど表示が遅くならないから、通常の読み込みで良いということなんでしょうか？
これらの使い分けの意味がわかる方はいらっしゃいますでしょうか？
よろしくお願いいたします。