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もプログラミング言語なんだと認識して頂ければと思います。