Эти простые методы действительно являются неизбежными действиями по оптимизации производительности веб-сайта.

1. Это печальная история

Джон, фронтенд-разработчик с пятилетним опытом, недавно оказался в сложной ситуации, когда его компания наняла команду тестировщиков из TikTok. Так начался период трудностей для Иоанна.

Команда тестирования TikTok привезла с собой инструмент автоматического тестирования, способный имитировать 300 кликов по страницам в течение 1 минуты.

К сожалению, этот инструмент привел к катастрофическим последствиям для страниц интерфейса Джона. Чрезмерные запросы интерфейса вызвали блокировку потока, что привело к зависанию страницы.

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

Хотя Джон понимал, что сценарий с 300 кликами в минуту не произойдет в ближайшие десять лет, он осознавал, что необходимо принять меры, в частности, внедрить методы устранения дребезга и регулирования.

На этом история завершена, и давайте углубимся в основное содержание.

2. Что такое устранение дребезга и дросселирование?

Устранение дребезга и регулирование являются важными компонентами стратегий оптимизации производительности веб-сайта.

По сути, устранение дребезга гарантирует, что функция выполняется только один раз в течение заданного времени, что часто используется для полей ввода или событий прокрутки.

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

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

При разработке внешнего интерфейса реализация устранения дребезга и регулирования может эффективно сократить сетевые запросы и снизить нагрузку на сервер. Создавая код для этих методов, мы гарантируем, что страница внешнего интерфейса не будет генерировать чрезмерное количество…