Π£ Π½Π°Ρ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΡΠΊΠΎΡΠΎΡΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ°ΠΉΡΠ°. Π‘ΠΎΠ²Π΅ΡΡ, ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ. Pagespeed ΠΈΠ»ΠΈ ΡΠΊΠ°ΡΠ°ΡΡ Π² ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΌ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ»ΠΎ Π·Π°Π³ΡΡΠΆΠ΅Π½ΠΎ Π½Π° ΡΡΡΠ±. ΠΠ»Ρ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΡ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π²Π°ΡΠΈΠ°Π½Ρ ΠΈΠ· ΡΠΎΡΠΌΡ Π½ΠΈΠΆΠ΅:
ΠΡΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΡ Π½Π΅
Π·Π°Π³ΡΡΠ·ΠΈΠ»ΠΈΡΡ
ΠΠΠΠΠΠ’Π ΠΠΠΠ‘Π¬ ΠΈΠ»ΠΈ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΠ»ΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠΎ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ° Π½Π°ΠΏΠΈΡΠΈΡΠ΅ Π² ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΏΠΎ Π°Π΄ΡΠ΅ΡΡ Π²Π½ΠΈΠ·Ρ
ΡΡΡΠ°Π½ΠΈΡΡ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠ²ΠΈΡΠ° savevideohd.ru
ΠΡΠΈΠ²Π΅Ρ! ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΡΠ°ΠΉΡΠ° - ΠΊΡΠ°ΠΉΠ½Π΅ Π²Π°ΠΆΠ½Π°Ρ ΡΠ°ΡΡΡ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄Π»Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°. Π‘Π°ΠΉΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡΡΠΎ Π·Π°Π³ΡΡΠΆΠ°ΡΡΡΡ, Π°Π΄Π΅ΠΊΠ²Π°ΡΠ½ΠΎ ΠΎΡΠΊΠ»ΠΈΠΊΠ°ΡΡΡΡ Π½Π° Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, Π±ΡΡΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ. Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, Π»ΡΠ±ΡΠ΅ ΠΈΠ· Π΄ΠΎΡΡΡΠΏΠ½ΡΡ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΌΠ΅ΡΠΈΠ» ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ (ΡΠΈΠΏΠ° Google Pagespeed) Π½Π΅ ΠΌΠΎΠ³ΡΡ Π΄Π°ΡΡ Π²Π΅ΡΠ½ΡΡ ΠΊΠ°ΡΡΠΈΠ½Ρ ΠΏΠΎ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ, ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ Π²ΡΠ΅ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ, ΠΎΠ±ΡΠ°ΡΠ°ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠΊΠΎΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄Π°Π½Π½ΡΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅ΡΠ²ΠΈΡΡ Π»ΠΈΡΡ ΠΊΠ°ΠΊ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠ΅Π»ΡΠ½ΡΠ΅. Π ΡΡΠΎΠΌ Π²ΠΈΠ΄Π΅ΠΎ Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ΅Ρ Π½ΠΈΠΊΠΈ ΠΈ ΠΏΡΠΈΠ΅ΠΌΡ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΉΡ Π±ΡΡΡΡΡΠΌ. ΠΠΎΠ΅Ρ Π°Π»ΠΈ! Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅: 00:00 - ΠΡΡΡΠΏΠ»Π΅Π½ΠΈΠ΅ 00:29 - ΠΡΠΎ Google Pagespeed 06:07 - ΠΡΠΎ ΡΡΠΈΡΡΡ 08:26 - ΠΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ 15:19 - ΠΡΠΎ Webp ΠΈ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ Π½ΠΈΠΌ 19:00 - ΠΡΠΎ ΡΡΠΈΠ»ΠΈ Π² ΡΠ΅Π³Π΅ style 20:55 - Π‘ΠΆΠ°ΡΠΈΠ΅ ΠΈ ΠΌΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ (+ ΠΏΡΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ°ΠΉΠ»ΠΎΠ²) 23:15 - ΠΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ 24:38 - ΠΡΠΎ ΡΠΏΡΠ°ΠΉΡΡ 26:07 - ΠΡΠΎ Π²Π½Π΅ΡΠ½ΠΈΠ΅ ΡΠ΅ΡΡΡΡΡ ΠΈ async 28:49 - ΠΡΠΎ lazyload ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, Π²ΠΈΠ΄Π΅ΠΎ, ΡΡΡΠ±Π° 31:15 - Lazyload ΡΠ½Π΄Π΅ΠΊΡ-ΠΊΠ°ΡΡΡ 38:05 - ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ https://github.com/maxdenaro/maxgraph... - ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠΈ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° GitHub https://developers.google.com/speed/p... - ΡΠ΅ΡΠ²ΠΈΡ Pagespeed Insights https://gtmetrix.com/ - ΡΠ΅ΡΠ²ΠΈΡ GTMatrix https://habr.com/ru/post/475152/ - ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ΅ ΠΌΠ½Π΅Π½ΠΈΠ΅ ΠΎ Pagespeed https://compressor.io/ - ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠΆΠ°ΡΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ https://tinypng.com/ - ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠΆΠ°ΡΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ https://squoosh.app/ - ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠΆΠ°ΡΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ https://github.com/verlok/vanilla-laz... - ΠΏΠ»Π°Π³ΠΈΠ½ LazyLoad Β Β Β β’Β JS-ΡΠ΅ΡΠ΅Π½ΠΈΡΒ β3.Β ΠΡΠ»ΠΎΠΆΠ΅Π½Π½Π°ΡΒ Π·Π°Π³ΡΡΠ·ΠΊΠ°Β Π²ΠΈ...Β Β - lazyload Π΄Π»Ρ Π²ΠΈΠ΄Π΅ΠΎ Ρ YouTube Β Β Β β’Β GulpΒ 4.Β ΠΠΎΠ»Π½ΠΎΠ΅Β ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎΒ ΠΈΒ Π½Π°ΡΡΡΠΎΠΉΠΊ...Β Β - ΡΠ±ΠΎΡΠΊΠ° Gulp, Π³Π΄Π΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΡΡ ΡΠ²Π³-ΡΠΏΡΠ°ΠΉΡΡ ΠΈ ΠΏΡΠΎΡΠΈΠ΅ ΡΠ΅Ρ Π½ΠΈΠΊΠΈ ΡΠΆΠ°ΡΠΈΡ. Β Β Β β’Β SVG.Β Π ΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎΒ ΠΏΠΎΒ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡΒ Π²Π΅ΠΊ...Β Β - Π²ΠΈΠ΄Π΅ΠΎ ΠΏΡΠΎ SVG, Π΄Π»Ρ Π»ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΎΡΠΌΠ°ΡΠ°. ΠΠ΅Π½Ρ Π·ΠΎΠ²ΡΡ ΠΠ°ΠΊΡΠΈΠΌ ΠΠ°ΡΡΠ½ΠΎΠ²ΠΈΡ. Π€ΡΠΈΠ»Π°Π½ΡΠ΅Ρ ΡΠΆΠ΅ 5 Π»Π΅Ρ, ΡΠΎΠ·Π΄Π°Π» Π±ΠΎΠ»Π΅Π΅ 50 ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΈΡ ΡΠ°ΠΉΡΠΎΠ². ΠΡΠ΅ΠΏΠΎΠ΄Π°Π²Π°ΡΠ΅Π»Ρ Π² ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ½ΠΈΠ²Π΅ΡΡΠΈΡΠ΅ΡΠ΅ Skillbox, Π°Π²ΡΠΎΡ ΠΊΡΡΡΠ° ΠΠ΅Π±-Π²Π΅ΡΡΡΠΊΠ°. ΠΠΎΠ½ΡΠ°Π²ΠΈΠ»ΠΎΡΡ? https://clck.ru/Gr9Ec ΠΠΎΡ ΡΡΡΠ°Π½ΠΈΡΠ° Π²ΠΊΠΎΠ½ΡΠ°ΠΊΡΠ΅: http://vk.com/maxdenaro ΠΠΎΠΉ Π±Π»ΠΎΠ³: http://blog.maxgraph.ru ΠΠΎΠΉ ΡΠ°ΠΉΡ: http://maxgraph.ru ΠΠ°Π½Π°Π» Π² ΡΠ΅Π»Π΅Π³ΡΠ°ΠΌ: https://teleg.run/maxgraph Π§Π°Ρ Π΄Π»Ρ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΎΠ²: https://teleg.run/maxgraph_chat #ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅ #ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡΡΠ°ΠΉΡΠ° #pagespeed