kitak https://blog.hatena.ne.jp/kitak/ kitak blog https://kitak.hatenablog.jp/ Frontend Performance Browser HTTP/2 t32kさんの Smashing Magazineのパフォーマンス改善ケースが凄まじい件 - MOL の記事を読んで、クリティカルCSSが気になったので少し調べてみました。それの雑感。 クリティカルCSSとは 一言でいうと、ページのATF(Adove The Fold)の表示に必要なスタイルシートのこと。 これをインラインでHTMLに埋め込むことによって、クリティカルレンダリングパスの最適化を図る。 クリティカルレンダリングパスについては、Critical Rendering Path — Web Fundamentals、クリティカルCSSについては、上の記事 や そろそろクリティカルCSS… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkitak.hatenablog.jp%2Fentry%2F2015%2F09%2F27%2F174458" title="クリティカルCSS 雑感 - kitak blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2015-09-27 17:44:58 rich https://kitak.hatenablog.jp/entry/2015/09/27/174458 1.0 100%