Что такое «Правило 14 килобайт»?

Alex2560 · 18.01.2020, 19:32

Яндекс на удивление молчалив по поводу этого вопроса. Хауди Хо говорил про это правило. Но детали не уточнил.

Zagadnik · 18.01.2020, 19:40

Цитата (Alex2560) »

Хауди Хо

Кто это? Индиец?

Alex2560 · 18.01.2020, 19:45

Вполне себе русский. https://youtu.be/iCx4oYgeUGw

Zagadnik · 18.01.2020, 19:56

А, понятно, этот телевизор "не смотрю".

**XaXoL** · 18.01.2020, 19:57

Я понятия не имею что это за правило, но первое что попалось на глаза в интернете (2ая строчка в поиске гугля по запросу "Правило 14 килобайт") говорит что оно относится к сайтам:

Цитата (https://vk.com/wall-84392011_139665) »

После выхода урока по Front-End, многим стало интересно, что за такое правило "14 килобайт".
Я был удивлён, что даже опытные программисты в группе задавали мне этот вопрос.

В общем, объясняю.
Это называется TCP round trip limit.
Как Вы знаете, протокол получает данные не полностью, а кусками, пока не достигнет EOF.
Соответственно, согласно спецификации TCP, первый Round Trip запрашивает ровно 14 килобайт, после чего ему придётся сделать очередной запрос, дабы получить оставшуюся часть контента.

Это сделано не просто, но с целью предотвратить потерю пакетов и перегруженность.
Правило действует как для HTML, так и для CSS/JS файлов, а также для любых других веб реквестов.

То есть, если Ваш базовый контент превышает размер в 14kb, это повышает CRP(Critical Rendering Path).
Если совсем просто, то CRP это количество шагов, которые нужно предпринять браузеру, чтобы просто отрисовать страничку.

Но, всё это достаточно абстрактные понятия для нас, веб разработчиков, и пока мало что значат.
Так что это за правило и как нам использовать его?
Объясняю.

Вы видели когда-нибудь, когда открывали исходный код сайта, целую кучу CSS и JavaScript кода в самом верху?
А Вы не задавались вопросом, зачем авторы его туда запихали?
Они это сделали по причине именно этого правила 14kb.

В этот кусок CSS/JS кода вверху страницы, они прописали все самые важные правила страницы, чтобы она как можно быстрее отрендерилась и человек смог начать читать свою любимую статью, а не ждать минут 10 (роаминг например) чтобы исчезла надоедливая белая страница и можно было увидеть текст.

Вот так просто.
К важным правилам и скриптам относятся стили, которые рисуют каркас веб странички, а также базовый вид текста, меню, кнопок и так далее.
Всё это в шапке вмещается в эти самые первые 14kb.

То есть человеку, который хочет загрузить веб страничку, нужно будет загрузить по факту лишь первые 14kb, чтобы уже начать просматривать новости или читать текст статьи.
Как видите, на деле всё достаточно просто.

p.s. Я не говорю, что это нужно везде принять, но знать о существовании такой штуки очень даже нужно.
Ибо когда заказчик Вас спросит, почему его сайт за $10,000 в деревне с 3G открывается 7 минут и жрёт несколько мегабайт траффика до того, как что-то вообще покажет, Вы бы смогли ему адекватно ответить.

18.01.2020, 19:32	Вверх #1
Alex2560 Бывалый Автор темы Регистрация: 03.03.2018	Что такое «Правило 14 килобайт»? Яндекс на удивление молчалив по поводу этого вопроса. Хауди Хо говорил про это правило. Но детали не уточнил.

18.01.2020, 19:40	Вверх #2
Zagadnik Умудрённый Регистрация: 12.11.2012 Адрес: Алтай	Цитата (Alex2560) » Хауди Хо Кто это? Индиец? __________________ Поставил на SSD Windows 10, грузится быстро, почти, как Win98 без драйверов. (c) Freevad

18.01.2020, 19:56	Вверх #4
Zagadnik Умудрённый Регистрация: 12.11.2012 Адрес: Алтай	А, понятно, этот телевизор "не смотрю". __________________ Поставил на SSD Windows 10, грузится быстро, почти, как Win98 без драйверов. (c) Freevad

18.01.2020, 19:45	Вверх #3
Alex2560 Бывалый Автор темы Регистрация: 03.03.2018	Вполне себе русский. https://youtu.be/iCx4oYgeUGw

18.01.2020, 19:57	Вверх #5
XaXoL Модератор Регистрация: 17.03.2004 Адрес: K-PAX	Я понятия не имею что это за правило, но первое что попалось на глаза в интернете (2ая строчка в поиске гугля по запросу "Правило 14 килобайт") говорит что оно относится к сайтам: Цитата (https://vk.com/wall-84392011_139665) » После выхода урока по Front-End, многим стало интересно, что за такое правило "14 килобайт". Я был удивлён, что даже опытные программисты в группе задавали мне этот вопрос. В общем, объясняю. Это называется TCP round trip limit. Как Вы знаете, протокол получает данные не полностью, а кусками, пока не достигнет EOF. Соответственно, согласно спецификации TCP, первый Round Trip запрашивает ровно 14 килобайт, после чего ему придётся сделать очередной запрос, дабы получить оставшуюся часть контента. Это сделано не просто, но с целью предотвратить потерю пакетов и перегруженность. Правило действует как для HTML, так и для CSS/JS файлов, а также для любых других веб реквестов. То есть, если Ваш базовый контент превышает размер в 14kb, это повышает CRP(Critical Rendering Path). Если совсем просто, то CRP это количество шагов, которые нужно предпринять браузеру, чтобы просто отрисовать страничку. Но, всё это достаточно абстрактные понятия для нас, веб разработчиков, и пока мало что значат. Так что это за правило и как нам использовать его? Объясняю. Вы видели когда-нибудь, когда открывали исходный код сайта, целую кучу CSS и JavaScript кода в самом верху? А Вы не задавались вопросом, зачем авторы его туда запихали? Они это сделали по причине именно этого правила 14kb. В этот кусок CSS/JS кода вверху страницы, они прописали все самые важные правила страницы, чтобы она как можно быстрее отрендерилась и человек смог начать читать свою любимую статью, а не ждать минут 10 (роаминг например) чтобы исчезла надоедливая белая страница и можно было увидеть текст. Вот так просто. К важным правилам и скриптам относятся стили, которые рисуют каркас веб странички, а также базовый вид текста, меню, кнопок и так далее. Всё это в шапке вмещается в эти самые первые 14kb. То есть человеку, который хочет загрузить веб страничку, нужно будет загрузить по факту лишь первые 14kb, чтобы уже начать просматривать новости или читать текст статьи. Как видите, на деле всё достаточно просто. p.s. Я не говорю, что это нужно везде принять, но знать о существовании такой штуки очень даже нужно. Ибо когда заказчик Вас спросит, почему его сайт за $10,000 в деревне с 3G открывается 7 минут и жрёт несколько мегабайт траффика до того, как что-то вообще покажет, Вы бы смогли ему адекватно ответить.