Почему в последнее время тормозит Pikabu?⁠⁠

Ну зашибись, плохо знаком... Для разнообразия даже отвечу развёрнуто.

Современные веб-браузеры - штука многопроцессная и многопоточная. Один процесс отвечает за одну или несколько вкладок плюс веб воркеры. Внутри каждого процесса есть несколько потоков со своими задачами: работа с сетью, парсинг DOM, рендер страницы, выполнение скриптов и т. п.

На каждую страницу выделяется одна среда для выполнения скриптов. Современный браузерный Javascript - асинхронный однопоточный. Это значит, что если запустить какую-то одну большую задачу (типа бесконечного цикла), то скриптовый движок будет её обрабатывать до упора, и передаст управление дальше только по завершении. Различные события, коллбэки и промисы дают возможность асинхронный работы: определённые куски кода вызываются по событию из внутренней очереди. Но в один момент времени для определённой среды может выполняться только один скрипт. Точно так же устроена асинхронная модель в тех же Python или nginx. См. устройство libevent или libev для более детального примера.

Настоящей многопоточности для яваскрипта в браузерах нет. Для этих целей рекомендуется использовать веб воркеры либо WebAssembly (которые выполняются в отдельных, независимых потоках). Зато разработчикам не приходится возиться с синхронизацией потоков.

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

При синхронных XHR-запросах скриптовый движок останавливается до тех пор, пока запрос не будет выполнен. Вся очередь событий тупо подвисает. Поток рендеринга может работать, а может заблокироваться и ждать выполнения скрипта, особенно если что-нибудь нажать, двигать мышкой или скроллить.

При асинхронных запросах движок продолжает выполнение кода до выхода из него и далее берёт следующее событие из очереди. Когда запрос будет выполнен, отдельное событие будет добавлено в очередь и обработано движком, который уже вызовет нужный коллбэк.

Многопоточность, блин, не означает, что никогда ничего не подвисает. Это зависит от архитектуры приложения. Разберитесь и изучите сначала сами про многопоточку, асинхронность и межпроцессное взаимодействия, прежде чем кидаться словами, что кто-то плохо знаком с чем-то.

И да, если уж мне не верите, см. страничку от Mozilla https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequ... :

> Synchronous requests block the execution of code which causes "freezing" on the screen and an unresponsive user experience.

https://codepen.io/amitkulk123/pen/NGxEMx

Да лаааааадно? То есть страница не подвиснет и её можно будет скроллить и взаимодействовать с ней?

Вообще движок может определить бесконечный цикл и прервать его через какое-то время. А может и не прервать.

Тогда объясните подробно, в чём я, идиот, заблуждаюсь. С объяснениями, как оно якобы "на самом деле" работает, и почему синхронные AJAX-запросы не могут приводить к фризам в браузере - хотя про это написано и у Mozilla, и у Microsoft, и у всех подряд:

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequ...

https://learn.microsoft.com/en-us/power-apps/developer/model...

Хватит уже нести ахинею, идите и учитесь нормально, а не по всяким курсам (или где вы там учились). Да, теперь уже я кидаюсь словами, но меня уже бесит подобная упёртая безграмотность.

Переключением между потоками руководит планировщик в ядре ОС.

Потоки могут блокироваться. Один поток внутри процесса может заблокировать выполнение других. Гуглите про мьютексы, семафоры, атомарные операции и состояние гонки. Последнее - это когда два потока взаимно блокируют друг друга и подвисают нафиг.

В случае синхронных XHR-запросов поток с движком JS блокируется до тех пор, пока не будет получен ответ. Эта блокировка может привести к блокировке других потоков.

См. подробный разбор тут: Продолжение поста «Почему в последнее время тормозит Pikabu?»

Так если его вызвать синхронно, код от этого асинхронным не станет.

...ладно, пойдём другим путём.

Допустим, на странице есть какая-то анимация и кнопка. В яваскриптовом коде есть обработчик её нажатия, который запускает бесконечный цикл. Если нажать на кнопку, эта вкладка подвиснет или нет?

Используя non-blocking IO, как вариант, не? В таком случае события IO обрабатываются очередью в одном потоке.

https://www.jmoisio.eu/en/blog/2020/10/13/non-blocking-serve...

Отлично. "Дождёмся выполнения запроса". Как именно происходит это ожидание, что при этом происходит с потоком, в котором выполняется яваскриптовый движок?

*рукалицо*

А как, по вашему, работает асинхронный код?

Чтобы понимать, как работают процессы и потоки в системе, и перестать нести подобный бред.

Я этот бред даже комментировать не буду. Вы уже умудрились перепутать процессы, потоки, легковесные потоки (green threads) и кто чем руководит.

https://chromium.googlesource.com/chromium/blink.git/+/99b8c... - изучайте, начиная отсюда.

https://chromium.googlesource.com/chromium/blink.git/+/99b8c... - продолжайте изучение тут.

Обратите внимание, что при m_async == true будут вызваны коллбэки из https://chromium.googlesource.com/chromium/blink.git/+/99b8c...