WordPress（Page Speed対応） – CSS をドキュメントヘッドに含める

難易度

★すごく簡単

概要

CSS（外部CSS、インラインスタイル両方とも）はheadの中で読み込んでね。ということです。CSSが一番最初に読み込まれることで、ブラウザのプログレッシブレンダリング（Javascritpの処理の実行より、デザインなど、視覚的な部分をなるべく早く読み込ませ、表示を優先することで体感速度を速くすること）が可能になります。

[html]</head> <body> <link rel="stylesheet" type="text/css" href="css/home.css" /> <style> .menu{ font-size:1em; width:100%; }

.sub{ font-size:0.8em; width:80%; } </style>[/html]

↓

[html]<link rel="stylesheet" type="text/css" href="css/home.css" /> <style> .menu{ font-size:1em; width:100%; }

.sub{ font-size:0.8em; width:80%; } </style> </head> <body>[/html]