HTML文書構造から学ぶフロントエンドのパフォーマンスチューニング | PerfData

これらを、先程のheadとbodyの構造図にマッピングしてみます。 HTMLにおけるheadとbodyの構造での各ファイルのマッピング この構造図から、幾つかの事が自明となります。 1. CSSやJavaScriptはheadに書くべきである CSS CSSは文書装飾の役割を果たすため、データではなく、メタデータです。 従って、bodyの中に記載すべきではないです。 HTML Living Standardでは、CSSをhead内に記載すべきである旨を明示的に記述しているわけではありません。 代わりに、style要素に関する記述があり、style要素はメタデータコンテンツであることが示されています。 4.2.6 The style element JavaScript JavaScriptは文書機能の役割を果たすため、データではなく、メタデータです。 従って、bodyの中に記載すべきではな

[takehora]

Webパフォーマンスが遅いサイトは、コーディングが汚いです。そして、処理がぐちゃぐちゃです。HTMLのあるべき姿は構造を理解することで見えてきます。