先日HTML5minutesという勉強会でクリティカルCSSについてLTをしてきたのだが、 あまり日本では馴染みの無い単語なのでここで説明しておこう。 クリティカルCSSとは 某RPGの大打撃を与える印象のクリティカルヒットとかそうゆうのではなくて、 CSSにおけるブラウザ表示パフォーマンスのTipsである。 クリティカルというのはクリティカルパスのことで、クリティカルパスCSSなどとも呼ばれる。 クリティカルパスとは、プロジェクトの各工程を、プロジェクト開始から終了まで「前の工程が終わらないと次の工程が始まらない」という依存関係に従って結んでいったときに、所要時間が最長となるような経路のこと。クリティカルパスに含まれる工程に遅延が発生すると、その分だけプロジェクト全体のスケジュールも遅延するため、クリティカルパスに含まれる工程は特に遅れてはならない重要な工程として重視されることになる ク
![そろそろクリティカルCSS(Above the fold)について説明しておこうか | Yuhiisk](https://cdn-ak-scissors.b.st-hatena.com/image/square/e92fdc85af7eb9d266248e30babde3081418ac9f/height=288;version=1;width=512/https%3A%2F%2Fwp-blog.yuhiisk.com%2Fwp-content%2Fuploads%2F2018%2F08%2Fyuhiisk1.jpg)