HTML, CSS, JavaScript それぞれのロード時間が First Paint に与える影響を検証して整理する - Qiita

HTML, CSS, JavaScript それぞれのロード時間が First Paint に与える影響を検証して整理するHTMLCSSJavaScriptGo tl;dr First Paint はウェブページの何らかが描画されたタイミングのこと。これが遅いということは、初回の真っ白な状態が長いということ。 First Paint は Chrome Developer Tool の Audit で簡単に確認できる。 HTML は描画の起点になるので、ロード時間はそのまま First Paint Timing の遅延になる。 CSS は描画に必須なので ロード時間はそのまま First Paint Timing の遅延になる。 JavaScript は同期で読み込むと、ロード時間がそのまま First Paint Timing の遅延になる。 JavaScript は非同期で読み込むと、ロ

[efcl]

First PaintとDomContentLoadedに対して、CSSやJSのロードが与える影響について

[shibukk]

FP改善の参考になる

[tossy_yukky]

FPとかCRPのこと考えるとやっぱりPRPLパターンなのかなぁ

[yoheimuta]

書いた