π Reference
π Chapter
LCP (Largest Contentful Paint)
TBT (Total Blocking Time)
INP (Interaction to NextΒ Paint)
β£
FCP (First Contentful Paint)
- FCP
- First Contentful Paint
- μ½ν
μΈ κ° ν¬ν¨λ 첫 νμΈνΈ (FCP)λ νμ΄μ§ λ‘λ νμλΌμΈμμ μ¬μ©μκ° νλ©΄μ μ무κ²λ λ³Ό μ μλ μμ λΆν° μμλλ―λ‘Β μΈμ§λ λ‘λ μλλ₯Ό μΈ‘μ νλ λ° μ€μν μ¬μ©μ μ€μ¬ μΈ‘μ νλͺ©μ΄λ€.
- FCPκ° λΉ λ₯΄λ©΄ νμ΄μ§κ° μλ μ€μμ μ¬μ©μκ° μκ³ λ‘λμ λν΄ κ±±μ νμ§ μμ κ°λ₯μ±μ΄ ν¬λ€.
- μ½ν
μΈ κ° ν¬ν¨λ 첫 νμΈνΈ (FCP)λ μ¬μ©μκ° νμ΄μ§λ‘ μ²μ μ΄λν μμ λΆν° νμ΄μ§ μ½ν
μΈ μ μΌλΆκ° νλ©΄μ λ λλ§λλ μμ κΉμ§μ μκ°μ μΈ‘μ νλ€.
- μ΄ μΈ‘μ νλͺ©μμ 'μ½ν
μΈ 'λ ν
μ€νΈ, μ΄λ―Έμ§ (λ°°κ²½ μ΄λ―Έμ§ ν¬ν¨),Β
<svg>
Β μμ λλ ν°μμ΄ μλΒ <canvas>
Β μμλ₯Ό μλ―Ένλ€.