Як швидкість світла обмежує швидкість твого веб-сайту? Розбираємо на реальному прикладі

Якщо ти займаєшся веб-розробкою, то маєш розуміти, як працює Інтернет. Записав перше відео про це й почав з фундаментального обмеження - швидкості світла.
У відео спробував відповісти на:
✅Що відбувається, коли ви заходите на сайт?
✅Чи буде колись такий Інтернет, щоб пінг до США був менше 100мс?
✅Як впливає швидкість світла на швидкість твого сайту?
✅Вплив TCP Handshake
✅Вплив TLS Handshake
✅Чому потрібен CDN?
✅Як перевірити мережевий трафік на практиці?
Станьте спонсором цього каналу: / @aboutprogramming
Допоможіть каналу розвиватися й отримуйте доступ до ексклюзивного контенту.
Зміст відео:
0:00 - Вступ
0:30 - Від Києва до Лос-Анджелеса
3:05 - Що відбувається з запитом
3:32 - TCP Handshake
5:20 - TLS Handshake
7:20 - Перевіряємо на практиці
8:00 - HTTP запит
9:40 - HTTPS запит
12:10- Про наступні відео
🏠 Мої соцмережі:
Жабаскрипт в телеграмі - t.me/jabascript
Я в Твітер - / viktorturskyi
Мій Linkedin - / turskyi
#програмування #українською #programming #javascript #internet #tcp #tls #speedoflight #швидкістьсайту #http #https #ping #cdn

[@vladyslavkarpenko9372]

Відео такого формату українською мовою це свято для розвитку загальної кваліфікації кадрів на нашому ринку IT. В англомовному сегменті давно слідкую за оглядами від Hussein Nasser. Проте ваше лаконічне представлення матеріалу ще краще, бо стиль Хусейна іноді заносить у довгі не надто важливі щодо тематики відступи.

[@AboutProgramming]

Дякую за такий відгук. Саме таку ціль й ставлю - канал, де можна отримати загальну базу й краще відчуття технологій (тому не тільки теорія, а такі міні занурення всередину на практиці). Відносно Хусейна, то він крутий - класні відео робить. Теж часом дивлюся 🙂

[@riendlyf]

Також слухаю Hussein Nasser, думав купити його курси на юдемі, але почитав відгуки що подача матеріалу не структурована)

[@yurii_zh]

Це зараз, мабуть, мій улюблений канал на ютубі

[@MyQuickChannel]

Згоден)

[@iamfevergame8539]

Крутий канал з цікавою подачею матеріалу та темами

[@DenKondratiuk]

Дуже круто! Приємно отримувати нові знання від людей які мають досвід!

[@user-rm7oz4xu3k]

Дуже, дуже корисно. Дякую

[@aleks5652]

Крутий канал.Цікава інформація. Дякую!

[@MrColins710]

дуже крута подача інформації, дякую

[@garyspik]

Класс, дивлюсь усі, щось знаю, щось нове. Також глянув твое інтревью с Юрою, теж лайк

[@romankrut7038]

Нещодавно натрапив на цей канал, дякуючи алгоритмам ютубу. Багато нового дізнаюсь, дякую. Продовжуйте в тому ж дусі)

[@andriyko314]

Прекрасний контент, для розуміння процесу

[@user-it4ov3gu1f]

Дакую! Комент в підтримку👍

[@iambabyr0o]

Дуже класне пояснення! Звісно потрібно продовження! Бумбласочка

[@222242526]

Це дуже круто) дякую

[@blackeducationacademy]

Дуже цікавий відос👍

[@ananaslegend]

Неймовірно крутий канал. Дуже давно не вистачало україномовного каналу, де інженер професіонал буде валити базу, як вона є простими словами. Дякую за вашу роботу!

[@taintedmind3033]

😇

[@dvke]

Контент супер. Потрібно ще про arp і базові мережеві протоколи.

[@vadymrostok]

Шикарно. Роби ще.

[@pavloburyanov5842]

Дуже дякую за відео! З нетерпінням чекаємо "як працює інтернет". Цікаво дізнатись більше про TCP, UDP. Про модель OSI також

[@nickhlushpenko6330]

Просто вау! Я ще не бачив щоб хтось так круто пояснював - як працює інтернет. Дякую за матеріал

[@Taronimus]

Супер, не очікував у цьому відео чогось нового, але отримав, як мінімум, новий інструмент для роботи

[@bohdanmarynushkin7630]

супер крутий відос. дякую

[@Vladsoykin]

Оце кайф контент, дякую

[@alexandrbotar5804]

Так тримати!!!

[@voltstas]

Дякую за такий кльовий контент!

[@petrokopyl9581]

давай далі, дуже крута тема

[@user-ze1kl5pj4m]

Супер. Дякую.

[@Roman-oi9el]

Дуже цікаво, звісно продовжувати.

[@OlegShevtsov512]

Гарно, дякую

[@voltstas]

Дуже будем вдячні за продовження! Дуже просто і інформативно, лайк!

[@igor_paseka]

Вітаю. Чекаю на продовження. Цікава та корисна інформація

[@AdminAdmin-sl2qf]

❤БлагоДарю

[@survivelikehoneybadger]

Кайф Дуже зрозуміло і доступно

[@bogdanbogdan5276]

Топовий контент топовою мовою, дякую

[@vityaost]

Ааа, круто!!

[@vasylsergienko3330]

Круто, дякую за відео

[@user-ds7ul2ec2i]

Дуже цікава тема також є безпека у web як XSS, CSRF і тд. Як будете шукати наступні теми для відео то можете це взяти в роботу. Що таке приклад і як боротися. Дякую

[@AboutProgramming]

Так, про безпеку можна цілу серію зробити

[@vladislavhirsa9094]

Настільки звичайне лого та назва каналу, при такому шикарному контенту!

[@AboutProgramming]

Гірше, коли навпаки))

[@pavelwolfovichpetliura7169]

Супер відео. Я також задавав собі це питання та обраховував час на пінг, коли намагався зрозуміти чи буде можливість позбутися ЛАН турнірів з ксго. Все дуже печально, бо якщо банально поділити довжину екватора на 2 (~40 000/2 - найдовша відстань між двома точками на глобусі), поділити навіть на неможливі 300 000км/год та помножити на 2 (реквест+респонс), то виходять нещасні 132мс. І ситуація не сильно зміниться навіть якшо в майбутньому винайдуть інтернет, який висилатиме нейтріно через ядро землі.

[@pavloburyanov5842]

розмістивши сервер в центрі відрізка AB теоритично можна збільшити швидкість в 2 рази, оскільки обидва клієнта будуть мати AB/2 відстань до сервера

[@12MrRetro]

З'єднання в іграх працює по сокетам, це більше схоже на юдп. Між вами та комп'ютером тільки перший раз іде обмін запит-реквест. Після чого утворюється пряме з'єднання, і вже сервер відразу відправляє вам дані, і ваш комп'ютер відправляє дані. Тобто множити на два не потрібно🙃 Звісно, 60 мс це все ще багато для кс го і батлофільдів, але жоден розробник не буде робити веб сервер на http) Максимум, це раз в деякий час може бути запит на звірку даних. Зазвичай саме під час звірки даних ви раптово помирайте за стіною, бо куля яка вас вбила десь загубилися між Лондоном та Берліном😂

[@artemkostenko6145]

Дякую за якісний контент! Розкрийте тему Congestion control і різницю між BBR та CUBIC, дуже цікаво буде отримати детальний розбір в вашому виконанні) Чому BBR не встановлений дефолтною опцією на останніх дистрибутивах тої ж самої Ubuntu)

[@user-fq4pc7fm2z]

Интересно, спасибо!

[@illiaosmanov]

ну йомайо)) треба вже патреон, так далі не піде! Супер, дякую за роботу!

[@AboutProgramming]

😁Зроблю)

[@LyubomyrSemkiv]

Хороший контент.

[@MsUky45]

Дуже класне відео. Дуже подобаються приклади. Я нещодавно принтеру надсилала ping 😂

[@AboutProgramming]

Дякую) Буде ще продовження

[@user-vq8mn8iy4u]

Ну це шик і дим :)

[@alexanonymous5823]

дуже дуже дякую. Цей канал як скарб для бек ендера : )) На співбесідах просять як можна найбільш детальніше пояснити що відбувається з момента введення в браузері url і до того як браузер відображає сторінку. Ці відео це пряме попадання. Дякую ще раз 👍👍👍

[@AboutProgramming]

Дякую за відгук. Це тільки перше відео із серії про це. Буде ще)

[@vadymmudryi7978]

Не думав що буде цікаво. Досить проста тема і пояснення теорії з університету на практиці. Тепер мені цікаво повторити той самий експеримент на більш складному прикладі: cloud load balancer -> kubernetes cluster -> container. Kubernetes 1.26 додав можливість більш гнучкого налаштування трафіку всередині. Подивимось як це впливає на роботу.

[@andriisukhariev]

Розкажіть будь ласка про Edge functions (питання на хвилях NextJS/Vercel)

[@etniqa3638]

класно !

[@user-ni9lx7ik3g]

Комент в підтримку😍

[@BG-cg2op]

Чудовий канал

[@maksymkhodakov3456]

Ви найкращий дякую за контент! Розкажіть про сертифікати ssl/tls)

[@AboutProgramming]

Дякую! Про ssl/tls буде обов'язково 🙂

[@user-rs1wl6pq7m]

Круто🎉

[@mpodaniev]

Круто! Дізнався щось нове! Класно що показуєте як працюєте в консолі.

[@forfun5644]

Круто дякую. Але хочу зауважити, що за назвою в житті б не зрозумів, що це відео про те як працює інтернет. А перейшов вже з наступного відео.

[@andriybrezetskyy7867]

Можна більше деталей про TCP slow start і як це працює?

[@Sun1ive]

Дякую за відео. Було би цікаво більш глибоко розкрити тему самого wireshark, тому що це дуже потужний інструмент з яким треба вчитись працювати.

[@AboutProgramming]

Тут скоріше питання, що можна подивитися на мережевому рівні, а чи як налаштували фільтри в Wireshark це вже вторинне. Але як буду розбирати усілякі мережеві штуки, то буде трохи про Wireshark або tcpdump

[@Sun1ive]

@@AboutProgramming дякую, будемо чекати

[@ivankomar4227]

дякую за контент, чекаю більше контенту)

[@yyev89]

Круте пояснення! Плюсую за продовження :)

[@19n1ght]

Дуже дякую! Чекаю на наступне відео з ціі серії!

[@yuriipoliakov6598]

@AboutProgramming Було би круто побачити відео де пояснюється різниця developer та software engineer. І як стати саме software engineer-ом

[@AboutProgramming]

Я персонально ніколи не розділяв ці поняття. Хоча в перших главах книги "Software Engineering at Google" різниця описана. Типу, що SWE це Development, але коли додається ще вимір часу. Тобто софт треба не тільки написати, але щось робити вродовж довгого часу. Й коли ти працюєш й з цією додатковою змінною, то це software engineering. Дле мене всі ці дискусії про кодер, девелопер, софтваре інженер - це щось штучне й що не має сенсу :)

[@yuriipoliakov6598]

@@AboutProgramming дуже дякую за швидку відповідь! Контент у вас супер

[@Serhii.Moskalenko-0576msp]

Дякую. А ще оптичне волокно у волоконно-оптичному кабелі розташоване з повивом навколо центрального силового елементу і оптична довжина є більше ніж довжина кабелю, а ще кабель прокладений не по прямій лінії, а ще Вам дуже пощастило що немає ділянки мобільного зв'язку або супутникового бо тоді пінг показав би що сервер десь на Місяці. А так дуже професійно і просто все пояснюєте (ну як на мою думку інженера зв'язку відділу планування магістральної мережі одного з мобільних операторів в Україні). Прошу продовження...

[@yarosav5396]

Є ще цікавий момент з TLS, коли використовують не стиснуті сертифікати, тобто максимально скільки може містити 1 сегмент - 1460 bytes і якщо наш сертифікат в районі 10kB, то треба буде надіслати 7 сегментів чисто щоб обмінятись сертифікатом. Не кажучи вже про різницю між TLS1.3 та попереднім, бо в 1.3 там 5 кроків (чи навіть 4), коли в 1.2 їх 9.

[@AboutProgramming]

Так, але tcp slow start починає з 10 сегментів. Тобто сервер може відправити 14k не чекаючи підтвердження від клієнта. Відповідно це не створює додаткової затримки. Але потім, коли ми передаємо http трафік, наприклад, 50k, то сервер відправить лише 14k й потім чекатиме ack від клієнта, потім відправить 28k й чекатиме ack, а потім вже решту. Й відповідно тут вже виникають додаткові затримки на очікування ack

[@yarosav5396]

@@AboutProgramming Цікаво. Тобто якщо я правильно зрозумів, то tls сертифікат при https establishment нам не буде заважати своїм latency/пропускною здатністю сегментів, якщо ми не стиснули сертифікати? Наче, ще пам'ятаю там з tls1.3 сертифікати самі стискаються, чи я щось вигадую)

[@frontenda4284]

Потужно!

[@AlexCherkassky]

Було би добре пояснити різницю TCP/IT та HTTP. А так дякую за пояснення хендшейку.

[@AboutProgramming]

Є в плані ціле відео, де розберемо це на прикладі

[@romkalily]

Загалом дуже круто, але ви почали про відстань до США, єдине що цікаво наскільки буде відрізнятись якшо буде сервер в сша або десь ближче:) Яка різниця в часі

[@AboutProgramming]

Це легко порахувати. Достатньо просто зробити ping сервера й далі, знаючи один round trip, можна рахувати все інше. Наприклад, до Франкфурта пінг десь 40мс

[@user-kj7bn8ls3b]

Цікаво послухати про DNS, його ієрархію.

[@user-fu5ff6zq7m]

не очікував такої підстави від швидкості світла))) проду))

[@serhiibaranovskyi9131]

Дуже корисно

[@yuliiaboiko9931]

Як робиться така UML діаграма? Це якесь розширення для VSCode?

[@AboutProgramming]

Plantuml й плагін під vscode

[@AlexHalkin22]

Дуже класна подача матеріала. Особливо радує, що такого рівня контент додають українською мовою. Дякую. Відразу в обране.

[@andrii.yanchuk]

Це фантстика! Давайте ще 🤯

[@donutWiggum]

Цікаво, дякую. Але якщо реквестів на той же сервер буде багато, то ситуація буде краща? Я про https i tcp витрати.

[@AboutProgramming]

Так, якщо з'єднання вже існує, то у нас немає хендщейків більше. Також в HTTP 1.1 на кожен запит окреме з'єднання, а в HTTP 2 одне з'єднання на багато запитів. Але все одно нічого не зробити, щоб раундріп займав менше 100мс (Україна - Каліфорнія), оскільки це обмеження швидкості світла

[@eugenebondarenko6953]

Чікарно

[@maksymkhodakov3456]

Добрий день ще раз! в мене таке питання як ви ставитесь до того щоб виступити з якимось воркшопом для Summer IT camp для факультету комп'ютерних наук та кібернетики КНУ ім. Тараса Шевченка?

[@AboutProgramming]

Добрий день. Можна спробувати 🙂 Пишіть мені в телеграм на @koorchik

[@average-user9]

клас! дякую!) давайте по деталям починаючи з днс) дуже цікаво) P.S. якщо можливо і не лінь, абревіатури на кшталт syn та ack і будь-які інші розшифровуйте будь ласка хоч на їх початковому звучанні)

[@AboutProgramming]

Дякую за відгук. Так, про скорочення й абревіатури гарна ідея. Буду робити 🙂

[@alexeylysenko7380]

Дякую за відос! В ріалтайм іграх навіть якщо вони по UDP ганяють байтики, я не можу пояснити 140 пінг між Украиною та US West, чи може проблема у вбудованому лічильнику пінга і насправді він більший?

[@AboutProgramming]

Ідеальна ситуація 100 мс на 10тис км раундтріп. На практиці пінг більший, оскільки є додаткові затримки, але кабеля під атлантикою лежать практично по прямій. Тобто маршрут Євпропа - захід США практично прямий, тому на один раундтріп 140мс це реально. В цілому можна очіукати на рандтріп від 1.2x до 2x від ідеальної ситуації в залежності від маршруту (чи по прямій чи в обхід), кількості проміжних вузлів, навантаження на мережу й так далі. www.submarinecablemap.com/

[@hryhoriinevmerzhytskyi4299]

Коли вже будуть квантові модеми з запутаними частинками?

[@AboutProgramming]

Воно ж не допоможе)

[@hryhoriinevmerzhytskyi4299]

@@AboutProgramming Беремо 2 запутані частинки. Стандартно вони поводять себе як хвиля. Це буде State 0. Коли ми намагаємось спостерігати за однією із них - вони обидва стають State 1 (поводять себе як частинки). Тобто в Києві кодуємо одну з них, а в ЛА - маємо готовий результат) Здається це так працює)

[@AboutProgramming]

@@hryhoriinevmerzhytskyi4299 спочатку треба передати частинки в LA й це буде зі швидкістю світла. Окрім того ми не знаємо в який стан (дивимось на спін) вони прийдуть після спостереження (це якійсь рандом). Також якщо ми подивилися одну частинку в Києві, то звідки ми знаємо, що вже час подивитися сплутану частинку в LA (теж треба передати сигнал по мережі, що вже пора глянути)

[@hryhoriinevmerzhytskyi4299]

​@@AboutProgramming А якщо це буде 2 p2p-пристрої з двома каналами (по типу RX/TX), тоді ми можемо один залишити в Києві, а другий в LA Новою Поштою відправити)) А технічні питання оці дядьки знають, мені так здається: Нобелівську премію з фізики за 2022 рік присудили "за експерименти із заплутаними фотонами, встановлення порушення нерівностей Белла та відкриття квантової інформаційної науки". Якщо коротко - ми змінюєм стан RX, TX це фіксує). Оце я з Вами спілкуюсь, а сам думаю: "Це ж ви в великому Google працюєте. Ви ж можете таке і провернути ))))"

[@gradient8516]

+

[@steelhead4590]

Класс! Спасибо, Виктор! Расскажите про http и hhtps, пожалуйста

[@zhen1asemen1uk]

ого

[@sergiimelnykov1923]

Продовжуй всі розпочаті теми!!! Дуже класно виходить!!

[@TheSokilV]

Число 200 000 км/с - це швидкість світла у склі, із якого зроблено оптоволоконний кабель. Не дуже відома величина, усім відома швидкість світла к вакумі трохи більша.

[@valentynaboiko8142]

Дякую за простий, але наглядний приклад. Захотілося йти і читати далі про ці всі штуки. 👍

[@user-hw5pf7oy1h]

Дякую за якісний контент! Але, нажаль, різні хеллоуворлди та відео накшталт "Як увійти в IT після 30, 40, 50" набирають більше просмотрів та лайків. А експертиза автора при цьому потрібна набагато менша.

[@user-fw2iv3vt6k]

мені дуже цікаво було б послухати про порівняння нереляційних баз даних та їх порівняння з реаляційними і коли яку краще використовувати

[@redbullracingVettel]

Замовник: чому у нас тормозить сайт? Я:

[@AboutProgramming]

😁

[@otello647]

DHCP, про роутери і гейтвей

[@kadabra8]

Наша швидкосвітлість недостатня)

[@Cat-and-Plant]

Щоб був прямий маршрут доведеться робити діру в планеті )

[@artemkerez2152]

Продовжуй! Дуже прошу)

[@MyHor]

Ніколи нат цим не задумувався. Крутий розбір поняття швидкості інтернету.

[@davidbutryk]

Не зрозумів, тобто реально не можна грати в шутери із американцями?

[@AboutProgramming]

Грати можна, але питання пінгу. На жаль ми обмежені швидкостю світла й ніколи не буде пінг з США, такий як з Європою, який би прогрес в технологіях не був би. Й якщо треба відправити пакет на відстань в 10тис км, то туди й назад раундтріп займе 100мс в оптоволокні (200тис км на секунду). Швидкість світла в вакуумі 300тис км на секунду, тобто по прямій в вакуумі теоретично можна зменшити пінг в 1.5 рази, але далі неможливо навіть теоретично щось зробити

[@Virass]

- Чому сайт тормозить? - Та то швидкість світла замала. - Так ще підрядники не обгрунтовували чому варто збільшувати бюджет на проект...

[@AboutProgramming]

😁

[@DevJungles]

Я завжди казав, що світло повільне в відео!) А люді думали, що Андрюха геть здурів: от нарешті хтось скурпульозно все порахував!

[@Yo-yn3wj]

dns over https

[@ehippo1]

Кайфове поєднання теорії з практикою Було б дуже круто продовження в такому ж форматі про CDN

[@antonsalatskyy]

[@chelovek0com]

😂 Розкажіть мені про затримку в мережі, коли на проекті запит до БД відпрацьовує 3хв 😂

[@AboutProgramming]

Ну, якщо це генерація звітів на окремому сервері, то це може бути ок)