GTmetrixで満点を取ろう。「Put CSS in the document head」重要度：強
Put CSS in the document head
このエラー、実際に見る人は少ないと思うんですよ。
私もこの記事書くまで、こんなエラーあるんだ。
って思ったぐらいですしね。
Put CSS in the document headとは
このエラーの意味は「CSSはhead内に入れろ」です。
当たり前と思った人は多分このエラー出てないです。
解決しよう
CSSの記述先は、head内が基本です。
インライン記述でbody内に書くのもありますが、
あれはあくまでも応急的なものと思ったほうが良いです。
＊インライン処理も数が増えると処理に遅延がかかるので、通常CSSにしましょう。
なぜCSSをhead位置に記述するのか、それは必要なものを最初に入れないと
データを表示させるのに遅延が発生するからです。
＊読み込み時間は変わらないが、体感速度で変化が出る。
終わりに
このエラー、HTMLを形式的に勉強してきた人は多分出ません。
感覚的に作ってきた方で多い印象があります。
HTMLもプログラミング言語なんだと認識して頂ければと思います。