Skip to content
23 / 33

Как Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ lazy loading ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ?

Lazy loading β€” Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° рСсурсов Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ½Ρ‹, Π° Π½Π΅ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ страницы. Для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ это Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ loading="lazy" ΠΈΠ»ΠΈ Intersection Observer. Для JS-ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ β€” динамичСский import(), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ промис. Lazy loading ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±Π°Π½Π΄Π»Π°, ускоряСт LCP ΠΈ экономит Ρ‚Ρ€Π°Ρ„ΠΈΠΊ β€” особСнно Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ….

Как Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ lazy loading ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ? | JScriptiser