クリティカル CSS

ページ上部に必要なものは head に置きます。残りは後から読み込まれます。

カカポはテンプレートごとにサイトの実際のサンプルページを取得し、そこにリンクされたローカルのスタイルシートをディスクから読み込んで、各ルールをドキュメントと突き合わせます。上部で必要なものは head にインラインで入り、解析済みのスタイルシートはその後、描画を妨げずに読み込まれます。ブラウザは関与しません。「上部に表示される」は要素の並び順に基づく明示された近似で、判断に迷う場合はルールを残します。そのためプレビュー、テスト運用、テンプレートごとのスイッチがあります。