Π ΡƒΠ±Ρ€ΠΈΠΊΠΈ
Live

97 LIVE: всё ΠΏΡ€ΠΎ сТатиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства ΠΎΠ½Π»Π°ΠΉΠ½

Π’ этом эфирС ΠΌΡ‹ расскаТСм ΠΊΠ°ΠΊ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства ΠΎΠ½Π»Π°ΠΉΠ½ ΠΈΠ»ΠΈ Π² Ρ€ΡƒΡ‡Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅.

Антон Π‘Π΅Π»ΠΎΠ³ΠΎΡ€ΠΎΠ΄Ρ†Π΅Π² расскаТСт ΠΊΠ°ΠΊ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ скрипт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΡ‹ сами ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡΡ. И ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΌΡ‹ ΠΎΡ‚Π΄Π°Π΄ΠΈΠΌ скрипт всСм, ΠΊΡ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ с Π½Π°ΠΌΠΈ Π² прямом эфирС.

Π‘Π°ΠΌ эфир Π±ΡƒΠ΄Π΅Ρ‚ Π² нашСй Π²Π΅Π±-студии ΠΏΠΎ адрСсу https://live.loading.express.

Или на каналС YouTube:

97: Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства, автоматичСски Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΈ Π² Ρ€ΡƒΡ‡Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅

ΠžΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ скриптов: https://pay.loading.express/ob/ord/webp.

  • 0:30 – ΠŸΡ€ΠΈΠ²Π΅Ρ‚ всСм! НачинаСм эфир
  • 2:25 – ΠšΡ€Π°Ρ‚ΠΊΠΎ, Ρ‡Ρ‚ΠΎ вас ΠΆΠ΄Ρ‘Ρ‚ Π² эфирС: ΠΊΠ°ΠΊ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ WEBP, дСмонстрация сравнСния Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… webp, jpeg, jpg ΠΈ Π΄Ρ€., дСлимся скриптами для автоматичСского сТатия ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ сайта. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ – 4:34
  • 2:58 – Как ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ бСсплатным скриптам
  • 5:05 – Как Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΆΠΈΠ²ΠΎΠΉ скрипт для компрСссии ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ
  • 6:30 – Бонусный config Nginx для распознавания ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ webp Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ — 45:05
  • 8:15 – Вопрос ΠΎΡ‚ зритСля: Β«Π’ ΠΊΠ°ΠΊΠΎΠΌ случаС ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ вСс webp большС jpg\png?Β»
  • 10:06 – РаскрываСм сСкрСты WEBP Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ – 11:40
  • 11:13 – ПослСдниС свСТиС ΠΎΠ½Π»Π°ΠΉΠ½ вСщания просматривайтС ΠΏΠΎ ссылкС https://live.loading.express/
  • 11:40 – ΠŸΠΎΡ‡Π΅ΠΌΡƒ WEBP поддСрТиваСтся Π½Π΅ Π²Π΅Π·Π΄Π΅
  • 13:36 – ΠšΠ°ΠΊΠΎΠ²Ρ‹ Π³Π»Π°Π²Π½Ρ‹Π΅ прСимущСства Ρƒ WEBP Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°
  • 14:58 – Вопрос ΠΈΠ· Π·Π°Π»Π°: «АлСксСй, ΠΏΠΎ ΠΏΠΎΠ²ΠΎΠ΄Ρƒ ΡˆΠΊΠΎΠ»Ρ‹ конвСрсии. На сайтС Π½Π΅ нашСл, ΠΊΠΎΠ³Π΄Π° ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅? Или Π·Π°ΠΊΠ°Π·Π°Ρ‚ΡŒ услугу?Β»
  • 15:10 – О Π¨ΠΊΠΎΠ»Π΅ конвСрсии. О Ρ€ΠΎΠ»ΠΈ Usability (удобство использования) сайта ΠΈ повСдСнчСского Π°Π½Π°Π»ΠΈΠ·Π° посСтитСлСй Π² ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΠΈ конвСрсии. Как ΠΊΡƒΠΏΠΈΡ‚ΡŒ курс – 22:40
  • 16:54 – ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌ вопрос: Β«Π’Π΅Π½Π΄Π΅Π½Ρ†ΠΈΡŽ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»: Ρ‡Π΅ΠΌ мСньшС исходноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‚Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° мСньшС ΠΈ Π΄Π°ΠΆΠ΅ png-ΠΈΠΊΠΎΠ½ΠΊΠ° Π² ΠΏΠ°Ρ€Ρƒ ΠΊΠΈΠ»ΠΎΠ±Π°ΠΉΡ‚ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹ΠΉΡ‚ΠΈ Π²Ρ‹Π³ΠΎΠ΄Π½Π΅Π΅ Ρ‡Π΅ΠΌ webpΒ»
  • 17:43 – Π’ ΠΊΠ°ΠΊΠΈΡ… случаях Google PageSpeed Π½Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ webp Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ сТатия изобраТСния
  • 18:44 – Π£Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΈΠ· Π·Π°Π»Π° ΠΎ webp: Β«ΠŸΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ, ΠΊΠ°ΠΊ сТимаСт WebP? Когда ΠΎΠ½ Π²ΠΈΠ΄ΠΈΡ‚ строчку ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ² сокращаСт ΠΊΠΎΠ΄ — Ρ‚ΠΈΠΏΠ° 30 строчСк ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° — это Π»Π΅Π³ΠΊΠΎ Π·Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΈ благодаря Ρ‡Π΅ΠΌΡƒ ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒ ΠΎΠ±ΡŠΡ‘ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π° ΠΊΠΎΠ³Π΄Π° Ρ†Π²Π΅Ρ‚Π° всС Ρ€Π°Π·Π½Ρ‹Π΅ Π² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ — Ρ‚ΠΎΠ³Π΄Π° сТимаСт мСньшС»
  • 19:40 – ΠžΡ‚Π²Π΅Ρ‡Π°Π΅ΠΌ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Π½Π° вопрос ΠΎ CDN: «По-ΠΌΠΎΠ΅ΠΌΡƒ Demi Murych Π² своСм Π΄ΠΎΠΊΠ»Π°Π΄Π΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ», Ρ‡Ρ‚ΠΎ CDN Π½Π΅ Π΄Π°Π΅Ρ‚ прироста Π² скорости Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈΒ»
  • 22:34 – Вопрос ΠΈΠ· Π·Π°Π»Π°: «Насколько Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡ€ΡƒΡŽΡ‚ΡΡ webp-ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² поискС ΠΏΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌ?Β», ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅ΠΌ – 25:00
  • 23:00 – Новости Π² эфирС! Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π·Π°ΠΌΠ΅Ρ€ скорости сайта доступСн ΠΈΠ· Π³ΠΎΡ€ΠΎΠ΄Π° Минск, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΠΏΠΎ ссылкС https://loading.express/
  • 25:24 – Π‘ 14 вСрсии Safari, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° для IOS (опСрационная систСма ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ Apple) планируСтся ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° WEBP
  • 26:14 – Вопрос ΠΈΠ· Π·Π°Π»Π°: «Полгода Π½Π°Π·Π°Π΄ тСстировал: Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ webp (Π² nginx) Π½Π΅ Π΄Π°Π²Π°Π» Π½ΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π±Π°Π»Π»Π° ΠΏΠΎ pagespeed. Из вашСго ΠΎΠΏΡ‹Ρ‚Π° — сСйчас webp ΠΏΠΎ Ρ„Π°ΠΊΡ‚Ρƒ Π΄Π°Π΅Ρ‚ Π±Π°Π»Π»ΠΎΠ²?Β»
  • 28:38 – ДСмонстрация трансформации ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ JPEG Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Π² WEBP Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ скрипта ΠΎΡ‚ LOADING.express
  • 34:36 – Как ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ качСствСнноС ускорСниС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайта https://loading.express/
  • 42:30 – Π’Π°ΠΆΠ½Ρ‹ΠΉ вопрос: «МоТно ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ? НапримСр, Ρ„ΠΎΡ‚ΠΎ.jpg измСнилось, Π° webp-вСрсия ΠΎΡΡ‚Π°Π»ΠΎΡΡŒ старая?Β»
  • 43:53 – Вопрос ΠΈΠ· Π·Π°Π»Π°: Β«Π£ мСня ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ сТатиС webp Π½Π° сторонС nginix Π° ΠΊΠ°ΠΊ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ сТатиС?Β»
  • 45:05 – Как Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠΎΠ΄ для Nginx ΠΏΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° WEBP/JPEG Π² зависимости ΠΎΡ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π‘ΠΊΡ€ΠΈΠΏΡ‚ доступСн ΠΏΠΎ ссылкС https://pay.loading.express/ob/ord/webp
  • 50:53 – Как скрипты ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΎΠ±Ρ‰ΡƒΡŽ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страниц сайта
  • 53:45 – Вопрос ΠΎ сТатии: «Бпасибо Π·Π° скрипт) А ΠΊΠ°ΠΊ Π΄Π΅Π»ΠΎ обстоит с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ Π² ΠΏΠΎΠ΄ΠΏΠ°ΠΏΠΊΠ°Ρ…?Β»
  • 54:23 – Вопрос: Β«Π­Ρ‚Π° сборка nginx-webp Π½Π°Π»Π΅Ρ‚Ρƒ Π΄Π΅Π»Π°Π΅Ρ‚ сТатиС? Или эта ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° webp Π³Π΄Π΅-Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒΡΡ?Β»
  • 54:45 – Вопрос ΠΈΠ· Π·Π°Π»Π°: «​В «ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ вСрстки порядок source ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅?Β»
  • 56:03 – Вопрос: «Когда Π΅ΡΡ‚ΡŒ смысл ΠΎΡ‚ etag off?Β»
  • 59:52 – МоТно ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ€ΡƒΡ‡Π½ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ сайта ΠΎΡ‚ экспСртов LOADING.express
  • 1:04:40 – Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ эфир с Π½ΠΎΠ²Ρ‹ΠΌ бСсплатным скриптом ΠΎ LazyLoad для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎ ссылкС https://www.youtube.com/watch?v=9tueOTjl3z8

Автор: АлСксСй

ΠœΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³ Π² loading.express