ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ содСрТимому
ΠœΠ°ΠΊΡΠΈΠΌΠ΅Ρ‚Π΅Ρ€

πŸ“Έ WebP ΠΈ AVIF β€” соврСмСнныС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° Core Web V...

πŸ“Έ WebP ΠΈ AVIF β€” соврСмСнныС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° Core Web Vitals. AVIF сТимаСт Ρ„Π°ΠΉΠ»Ρ‹ Π½Π° 30–50% Π»ΡƒΡ‡ΡˆΠ΅ JPEG ΠΏΡ€ΠΈ Ρ‚ΠΎΠΌ ΠΆΠ΅ качСствС, WebP β€” Π½Π° 25–50%. ΠŸΠΎΡ‡Ρ‚ΠΈ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Π° всСх LCP-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π΄ΠΎ сих ΠΏΠΎΡ€ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG β€” это главная ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π° ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠ³ΠΎ Largest Contentful Paint. πŸš€ Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ <picture> для послойной ΠΎΡ‚Π΄Π°Ρ‡ΠΈ AVIF β†’ WebP β†’ JPEG, всСгда прописывайтС srcset ΠΈ sizes для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², Π° для Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ изобраТСния (hero) ΡΡ‚Π°Π²ΡŒΡ‚Π΅ fetchpriority="high". Π‘Π°ΠΌΡ‹ΠΉ быстрый Π²Ρ‹ΠΈΠ³Ρ€Ρ‹Ρˆ β€” Π½Π΅ просто смСна Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, Π° Β«ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€Β»: Π½Π΅ Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ 1920 px Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ экран 380 px. #Π²Π΅Π±Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° #SEO #оптимизация #CoreWebVitals #WebP

29 просмотров

Канал Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ ΠœΠ°ΠΊΡΠΈΠΌΠ΅Ρ‚Π΅Ρ€Π°

22 подписчиков Β· IT ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ

Π”Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΊΠ°Π½Π°Π»Π°

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΊΠ°Π½Π°Π»Π°

Π•Ρ‰Ρ‘ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ Β«IT ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈΒ»

Π§ΠΈΡ‚Π°Ρ‚ΡŒ дальшС

Π”Π²Π° Ρ€Π°Π·Π° Π² нСдСлю свСТиС посты этого ΠΊΠ°Π½Π°Π»Π° β€” Π½Π° ΠΏΠΎΡ‡Ρ‚Ρƒ ΠΈ Π² Π»ΠΈΡ‡Π½ΡƒΡŽ Π»Π΅Π½Ρ‚Ρƒ. Π‘Π΅Π· ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ поиска ΠΊΠ°Π½Π°Π»Π° Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ.