Кога е уместно да блокираме основния поток в уеб дизайна

Въведение в основния поток

В света на уеб разработката, една от най-основните правила е да не блокираме основния поток на браузъра, когато изпълняваме JavaScript задачи. Въпреки това, Victor Ayomipo споделя опит, при който той направил изключение от това правило, работейки по разширение за скрийншот.

Защо да не блокираме основния поток?

Основният поток на браузъра е единичен, което означава, че може да изпълнява само една задача в даден момент. Той е споделен с рендериращия двигател на браузъра, обработчиците на вход и други критични задачи. Колкото по-малко време задържаме основния поток, толкова по-отзивчиво е приложението.

Изключения от правилото

Въпреки че обикновено е препоръчително да делим задачите с фонови работници, понякога прехвърлянето на данни към работник може да бъде по-бавно от просто изпълнението им на основния поток. Това е урок, който Ayomipo научил, докато разработвал разширение за Chrome.

Архитектура на изолация на контекста на браузъра

Браузърът не е просто една среда. Той съдържа различни среди, всяка от които има собствена памет и правила:

• Основен поток: Тук работи JavaScript, живее DOM и се извършват взаимодействия с потребителя.
• Web Workers: Отделни потоци, които могат да изпълняват JavaScript без достъп до DOM.
• Service Workers: Прокси, свързани с мрежата, които могат да работят дори когато страницата е затворена.
• Контексти на разширенията на Chrome: Включват фонови работници, скриптове за съдържание и Offscreen документи.

Алгоритъм за структурирано клониране

Когато използваме postMessage(), браузърът прехвърля данни между контексти, използвайки Алгоритъма за структурирано клониране. Този алгоритъм е по-мощен от JSON.stringify() и извършва дълбоко клониране на данните.

Проблеми с прехвърлянето на данни

Когато прехвърляме големи обеми данни, времето за сериализация и прехвърляне може да надвиши времето за обработка на данните на основния поток. Например, при прехвърляне на 8MB изображение, основният поток може да бъде блокиран за значително време.

Какво са прехвърляеми обекти?

Някои разработчици предлагат използването на прехвърляеми обекти, които позволяват бързо прехвърляне на данни, без да се извършва копиране. Въпреки това, те имат ограничения, като загуба на достъп до данните след прехвърлянето.

Защо изолираме контексти?

Изолирането на контексти е важно, за да се предотврати блокиране на основния поток. Дългите задачи, които отнемат повече от 50ms, трябва да бъдат прехвърляни на фонови потоци, за да се запази плавността на интерфейса.

Кога архитектурата е неправилна?

Ayomipo споделя, че при разработката на разширението Fastary, използването на Offscreen Document не довело до желаната бързина. Вместо това, той решил да премести обработката на изображението обратно на основния поток, което значително подобрило производителността.

Заключение: Кога да изолираме и кога не

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