18 / 36
ΠΠ°ΠΊ ΠΈΠ·ΠΌΠ΅ΡΠΈΡΡ ΠΈ ΡΠ»ΡΡΡΠΈΡΡ Largest Contentful Paint (LCP)?
LCP -- Π²ΡΠ΅ΠΌΡ Π΄ΠΎ ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ°ΠΌΠΎΠ³ΠΎ ΠΊΡΡΠΏΠ½ΠΎΠ³ΠΎ Π²ΠΈΠ΄ΠΈΠΌΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° (ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π²ΠΈΠ΄Π΅ΠΎ-ΠΏΠΎΡΡΠ΅Ρ, ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ Π±Π»ΠΎΠΊ). ΠΠΎΡΠΌΠ° -- Π΄ΠΎ 2.5 ΡΠ΅ΠΊΡΠ½Π΄. ΠΠ·ΠΌΠ΅ΡΡΠ΅ΡΡΡ ΡΠ΅ΡΠ΅Π· PerformanceObserver, Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ web-vitals, Chrome DevTools ΠΈ Lighthouse. ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠΏΠΎΡΠΎΠ±Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ: ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ TTFB, ΡΠ±ΡΠ°ΡΡ render-blocking ΡΠ΅ΡΡΡΡΡ, ΡΡΠΊΠΎΡΠΈΡΡ Π·Π°Π³ΡΡΠ·ΠΊΡ LCP-ΡΠ΅ΡΡΡΡΠ° (preload, fetchpriority, ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ) ΠΈ Π½Π΅ Π±Π»ΠΎΠΊΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³ ΠΊΠ»ΠΈΠ΅Π½ΡΡΠΊΠΈΠΌ JS.