π₯ ΠΡΡΠ»Π° Π½ΠΎΠ²Π°Ρ Π²Π΅ΡΡΠΈΡ 2.4.1 ΠΏΡΠ΅ΠΌΠΈΡΠΌ ΠΏΠ»Π°Π³ΠΈΠ½Π° π True Image & Lazy Load
ΠΡΠΎΡ ΡΠ΅Π»ΠΈΠ· ΠΏΠΎΡΠ²ΡΡΠ΅Π½ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ΅ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΡ CLS (Cumulative Layout Shift).
ΠΠ½ΠΎΠ³ΠΈΠ΅ Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠ° Π·Π°ΠΌΠ΅ΡΠΈΠ»ΠΈ Π² Search Console ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ Β«ΠΡΠΎΠ±Π»Π΅ΠΌΠ° Ρ CLS: Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»Ρ Π²ΡΡΠ΅ ΠΏΠΎΡΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ (0,25)Β«. ΠΡΠΈ ΡΡΠΎΠΌ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΠΈ Π² ΡΠ°ΠΌΠΎΠΌ ΡΠ΅ΡΡΠ΅ PageSpeed ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΎΡΠ»ΠΈΡΠ½ΡΠ΅: Π·Π΅Π»ΡΠ½ΡΠ΅ 90-96 Π±Π°Π»Π»ΠΎΠ².
ΠΡΠΈΡΠΈΠ½Π° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π² ΡΠ΄Π²ΠΈΠ³Π°Ρ ΠΌΠ°ΠΊΠ΅ΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ Ρ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ ΡΠ°ΠΉΡΠ° ΠΈ ΡΠΈΠΊΡΠΈΡΡΡΡΡΡ Π² ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ Chrome. Π’Π°ΠΊΠΈΠ΅ ΡΠ΄Π²ΠΈΠ³ΠΈ, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅, ΠΌΠΎΠ³Ρ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡ ΠΈΠ·-Π·Π° Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΠΎΡΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ.
Π Π½ΠΎΠ²ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ
π Π‘Π²Π΅Π΄ΡΠ½ ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌΡ Π½Π΅Π³Π°ΡΠΈΠ²Π½ΡΠΉ ΡΡΡΠ΅ΠΊΡ Lazy Load Π½Π° ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»Ρ CLS
π ΠΠΎΠ±Π°Π²Π»Π΅Π½Π° ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½Π°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ° ΠΏΠ»Π΅ΠΉΡΡ
ΠΎΠ»Π΄Π΅ΡΠ° ΡΠ΅ΡΠ΅Π· rel="preload"
π ΠΠΎΠ±Π°Π²Π»Π΅Π½ Π½ΠΎΠ²ΡΠΉ ΡΠ΅ΡΡΠΉ ΠΏΠ»Π΅ΠΉΡΡ
ΠΎΠ»Π΄Π΅Ρ Ρ ΡΠ»ΡΡΡΠ΅Π½Π½ΡΠΌΠΈ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΡΠΌΠΈ CLS
π ΠΠΎΠ±Π°Π²Π»Π΅Π½ ΡΠΊΡΠΈΠΏΡ lozad.js
π ΠΠΎΠ±Π°Π²Π»Π΅Π½Π° ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΏΠ»Π°Π³ΠΈΠ½Π° Mihdan: Lite YouTube Embed
βοΈ ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈ Ρ Mihdan: Lite YouTube Embed ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΠ°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ ΠΎΠ±Π° ΡΡΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° β True Image ΠΈ Mihdan: Lite YouTube Embed, ΠΈΠ½Π°ΡΠ΅ Π½Π° ΡΠ°ΠΉΡΠ΅ Π±ΡΠ΄ΡΡ ΡΠ΅ΡΡΠ΅ ΠΊΠ²Π°Π΄ΡΠ°ΡΡ Π²ΠΌΠ΅ΡΡΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ.
βοΈ Π£Π»ΡΡΡΠ΅Π½Π½ΡΠΉ ΠΏΠ»Π΅ΠΉΡΡ
ΠΎΠ»Π΄Π΅Ρ. Π§ΡΠΎ ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ Π½Π° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅?
π ΠΡΠ»ΠΈ Π½Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΠ»ΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΠΏΠ»Π΅ΠΉΡΡ
ΠΎΠ»Π΄Π΅Ρ β ΠΏΡΠΎΡΡΠΎ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°ΠΉΡΠ΅. ΠΠΎΠ²ΡΠΉ ΡΠ΅ΡΡΠΉ ΠΏΠ»Π΅ΠΉΡΡ
ΠΎΠ»Π΄Π΅Ρ, Ρ
ΠΎΡΡ ΠΈ Π½Π΅ Π²ΡΠ΄Π΅Π»ΡΠ΅ΡΡΡ, Π½ΠΎ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΌ Π΄Π»Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»Π΅ΠΉ PageSpeed.
π ΠΡΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΠ»ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΏΠ»Π΅ΠΉΡΡ
ΠΎΠ»Π΄Π΅Ρ Π΄Π»Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ β ΡΠΎ ΡΠ±ΡΠΎΡΡΡΠ΅ Π½Π° Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΏΠΎ-ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
π ΠΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠ»ΡΡΠ°ΠΉ Π΅ΡΠ»ΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΏΡΠ΅ΠΎΠ±Π»Π°Π΄Π°ΡΡ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈΠ»ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π² ΠΏΠΎΡΡΡΠ΅ΡΠ½ΠΎΠΉ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΠΈ. ΠΠ»Ρ ΡΠ°ΠΊΠΈΡ
ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΌ Π±ΡΠ΄Π΅Ρ ΠΏΠ»Π΅ΠΉΡΡ
ΠΎΠ»Π΄Π΅Ρ Π² Π²ΠΈΠ΄Π΅ gif ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ Π² 1px. Π’Π°ΠΊΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°ΡΠ°ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠΏΡΠ°Π²ΠΊΠΈ.
βΠ§ΡΠΎ ΠΏΠ»Π°Π½ΠΈΡΡΠ΅ΡΡΡ Π² Π±ΡΠ΄ΡΡΠΈΡ
Π²Π΅ΡΡΠΈΡΡ
?
π₯ Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ IPTC Π² Π°Π΄ΠΌΠΈΠ½ΠΊΠ΅
π₯ ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° WooCommerce
ΠΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΏΡΠΎ Π½Π°ΡΡΡΠΎΠΉΠΊΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠ·Π½Π°ΡΡ Π² Π½Π°ΡΠ΅ΠΉ Π‘ΠΏΡΠ°Π²ΠΊΠ΅ ΠΈΠ»ΠΈ Π·Π°Π΄Π°ΡΡ Π²ΠΎΠΏΡΠΎΡ Π² ΡΠ°ΡΠ΅ ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ.
ΠΠΎΡΡΡΠΏΠ΅Π½ ΡΠ°ΠΊΠΆΠ΅ changelog ΠΠ»Π°Π³ΠΈΠ½Π°.
ΠΡΠΏΠΈΡΡ True Image & Lazy Load